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>
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/756/viewspace-2817253/ ,如需转载,请注明出处,否则将追究法律责任。