Vue的href动态拼接绑定
程序员文章站
2023-09-07 17:43:10
注意的是： 加上了冒号是为了动态绑定数据，等号后面可以写变量。如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了 ......
1 <div id="appp">
2 <table>
3 <tr v-for="item in sites">
4 <td>
5 <a :href="'addalarmnotes.do?alarmid='+item.id+'&activetype1=detail'" target="_blank">{{item.name}}</a>
6 </td>
7 </tr>
8 </table>
9 </div>
注意的是：
- 注意点：href前面要加“：”或者v-bind:
-
字符串要用单引号“ '' ”包住
加上了冒号是为了动态绑定数据，等号后面可以写变量。
如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了
1 <script>
2 new vue({
3 el: '#appp',
4 data: {
5 sites: [
6 { name: 'runoob' ,id:"1"},
7 { name: 'google' ,id:"2"},
8 { name: 'taobao' ,id:"3"}
9 ]
10 }
11 })
12 </script>