vue selected联动查询实例2
Posted 木子炜培先生
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue selected联动查询实例2相关的知识,希望对你有一定的参考价值。
<body id="app"> <select v-model="selected" id="text"> <option v-for="option in options"> {{option.text}} </option> </select> <br /> <br /> <br /> <select v-model="list"> <option v-for="v in list">{{v.a}}-{{v.b}} </option> </select> </body> new Vue({ el: \'#app\', data: { selected:"A", options: Array }, ready: function () { let option= [ { text: \'One\', value: [{a:1,b:2},{a:2,b:3},{a:3,b:4}] }, { text: \'Two\', value: [{a:11,b:22},{a:22,b:33},{a:33,b:44}] }, { text: \'Three\', value: [{a:111,b:222},{a:222,b:333},{a:333,b:444}] } ]; this.$set("options",option); console.log(this.options); }, computed: { list: function () { for(var i in this.options){ // console.log(this.options[i].text) if(this.options[i].text == this.selected){ console.log(this.options[i].value) return this.options[i].value } } } } })
http://www.cnblogs.com/jasonwang2y60/p/6404352.html
以上是关于vue selected联动查询实例2的主要内容,如果未能解决你的问题,请参考以下文章
踩iviewui中Select 选择器两级联动,重置查询条件时第二级数据无法清除的坑
vue 使用select写的二级联动,怎么给两个都设置一个默认的初始值?