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

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

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

{{yx.text}}

{{zy.text}}

new?Vue({

el:'#test',

data:{

YX:[

{

text:'計信院',

ZY:[

{text:'軟件工程'},

{text:'計算機科學(xué)與技術(shù)'},

{text:"信息安全"},

]

},

{

text:'商學(xué)院',

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

}

}

}

});

更多關(guān)于使用vue.js實現(xiàn)聯(lián)動效果的示例代碼請關(guān)注PHP中文網(wǎng)(www.php.cn)其他文章！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。