質問編集履歴
2
微修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
</div>
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
-
```
|
|
22
|
+
```javascript
|
|
23
23
|
new Vue({
|
|
24
24
|
el: '.wrap',
|
|
25
25
|
data: {
|
1
要件追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
Vue.jsを使っているのですが、HTML内に元々あるテキストないし属性をJS側で参照だけする場合の方法が良くわかりません。
|
|
2
2
|
|
|
3
|
+
- 属性とテキストは参照するだけ。
|
|
3
|
-
|
|
4
|
+
- HTML上に設定されているものから書き換えたくはない。
|
|
4
|
-
JS側に設定のための数値10を記述したり、書き換わるようにはしたくない
|
|
5
|
+
- JS側に設定のための数値10を記述したり、書き換わるようにはしたくない。
|
|
6
|
+
- 属性値・テキスト内容が違うものを複数設置する見込み。
|
|
5
7
|
|
|
6
8
|
よろしくお願いします。
|
|
7
9
|
|
|
8
10
|
```html
|
|
9
11
|
<!-- sampleAttrの属性に設定されている10 または spanタグで囲まれている10を参照したい -->
|
|
10
12
|
<div class="wrap">
|
|
11
|
-
<span class="sample" sampleAttr="10">10</span>
|
|
13
|
+
<span class="sample" sampleAttr="10">10</span>
|
|
12
14
|
</div>
|
|
15
|
+
|
|
16
|
+
<!-- sampleAttrの属性に設定されている200 または spanタグで囲まれている200を参照したい -->
|
|
17
|
+
<div class="wrap">
|
|
18
|
+
<span class="sample" sampleAttr="200">200</span>
|
|
19
|
+
</div>
|
|
13
20
|
```
|
|
14
21
|
|
|
15
22
|
```js
|