使用vue.js实现联动效果的示例代码
想用vue.js写一个联动效果,按照自己的思路实验了下,并没有成功。请大家指点下我的思路是:通过遍历YX数组,如果某个对象的text和第一个select的selectedvalue相同,则显示对应院系的专业
<divid="test"> <selectv-model="A"> <optionv-for="yxinYX"> {{yx.text}} </option> </select> <selectname="ZY"> <optionv-for="zyin{{selection}}"> {{zy.text}} </option> </select> </div> <script> newVue({ el:'#test', data:{ YX:[ { text:'计信院', ZY:[ {text:'软件工程'}, {text:'计算机科学与技术'}, {text:"信息安全"}, ] }, { text:'商学院', ZY:[ {text:'旅游管理'}, {text:'工商管理'}, {text:"行政管理"}, ] }, ] }, computed:{ selection:{ get:function(){ varobj; varZY=eval(this.YX) for(objinZY) { if(A==obj.text) B=obj.ZY } returnB } } } }); </script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。