Vue的href动态拼接绑定

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>

注意的是：

1. 注意点：href前面要加“：”或者v-bind:
2. 字符串要用单引号“ '' ”包住

   加上了冒号是为了动态绑定数据，等号后面可以写变量。
   如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了

 

　

 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>

 

转载于:https://www.cnblogs.com/nelsonlei/p/10471184.html