当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Vue的href动态拼接绑定

Vue的href动态拼接绑定

2019年03月05日  | 移动技术网IT编程  | 我要评论
注意的是: 加上了冒号是为了动态绑定数据,等号后面可以写变量。如果不使用冒号,等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了 ...
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>

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网