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>