摘要：本篇文章主要介紹了使用vue.js實現聯動效果的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧想用vue.js寫一個聯動效果，按照自己的思路實驗了下，并沒有成功。請大家指點下我的思路是：通過遍歷YX數組，如果某個對象的text和第一個SELECT的SELECTed value相同，則顯示對應院系的專業

本篇文章主要介紹了使用vue.js實現聯動效果的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

想用vue.js寫一個聯動效果，按照自己的思路實驗了下，并沒有成功。請大家指點下我的思路是：通過遍歷YX數組，如果某個對象的text和第一個SELECT的SELECTed value相同，則顯示對應院系的專業

{{yx.text}}

{{zy.text}}

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

}

}

}

});

更多關于使用vue.js實現聯動效果的示例代碼請關注PHP中文網(www.php.cn)其他文章！

總結

以上是生活随笔為你收集整理的php vue联动查询,使用vue.js实现联动效果的示例代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。