溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
想用vue.js寫一個聯動效果，按照自己的思路實驗了下，并沒有成功。請大家指點下我的思路是：通過遍歷YX數組，如果某個對象的text和第一個select的selected value相同，則顯示對應院系的專業
<div id="test">
<select v-model="A">
<option v-for="yx in YX">
{{yx.text}}
</option>
</select>
<select name="ZY">
<option v-for="zy in {{ selection }}">
{{zy.text}}
</option>
</select>
</div>
<script>
new Vue({
el:'#test',
data:{
YX:[
{
text:'計信院',
ZY:[
{text:'軟件工程'},
{text:'計算機科學與技術'},
{text:"信息安全"},
]
},
{
text:'商學院',
ZY:[
{text:'旅游管理'},
{text:'工商管理'},
{text:"行政管理"},
]
},
]
},
computed:{
selection: {
get: function() {
var obj;
var ZY = eval(this.YX)
for(obj in ZY)
{
if(A == obj.text)
B = obj.ZY
}
return B
}
}
}
});
</script>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
