vue 使用记录

时间：2018-06-22 10:58:19 阅读：127 评论：0 收藏：0 [点我收藏+]

标签：参数 def spl param cal select query nbsp lin

vue   使用记录

1.路径：http://localhost:8081/#/test?name=1

   <router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数)

   使用：this.$route.query.id

2.路径：http://localhost:8081/#/test/1

    <router-link :to="'/test/'+id">跳转</router-link>(id是参数)
   {
       path: '/test/:id',
       name: 'Test',
       component: require('./component/Test.vue')
   }
   使用：this.$route.params.id
   this.$route是一个数组，里面包含路由的所有信息

   注意：router-link中链接如果是‘/’开始就是从根路由开始，如果开始不带‘/’，则从当前路由开始


3. ## vue 删除一行数据
   <button v-on:click="doM(id,index)"></button>
   data: {
      todos : [ {},{}]
   }
   methods : {
       doM: function(id,index){
        this.todos.splice(index,1)
       }
   }

4. 在 option 选择框中， value   要绑定属性，@bind:value or :value
1
    <select v-model='somedata.gid' class="form-control">
        <option value='default'>请选择类别 ... </option>
        <template v-for="d in this.listdata" >
          <option v-if="somedata.gid == d.gidNumber" :value='somedata.gid' selected > {{ d.cn }}  组 </option>
          <option v-else :value='d.gidNumber' > {{ d.cn }}  组 </option>
        </template>
      </select>

vue 使用记录

标签：参数 def spl param cal select query nbsp lin

原文地址：http://blog.51cto.com/5766902/2131573

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行