手记

vue 使用记录

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 }} &nbsp;组 </option>
          <option v-else  :value='d.gidNumber'  > {{ d.cn }} &nbsp;组 </option>
        </template>
      </select>  

0人推荐
随时随地看视频
慕课网APP