zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    python
    突然萌发关于 redis 的想法(1)
    Liunx
    Git
    说一下数据库查询 和 分页问题的解决
    易忘点
    python
    python
    python
    python
  • 原文地址:https://www.cnblogs.com/nelsonlei/p/10471184.html
Copyright © 2011-2022 走看看