国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用vue.js實現(xiàn)聯(lián)動效果的示例代碼

2019-11-19 18:02:09
字體:
供稿:網(wǎng)友

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

<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>

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 富源县| 深水埗区| 安远县| 峨眉山市| 曲水县| 神池县| 四川省| 化德县| 莱州市| 胶南市| 临澧县| 汉寿县| 新巴尔虎左旗| 永兴县| 耿马| 博湖县| 峨眉山市| 西昌市| 临泉县| 德昌县| 务川| 嵊泗县| 德保县| 华宁县| 武功县| 琼中| 襄汾县| 乌拉特中旗| 沁水县| 镇赉县| 长武县| 浠水县| 都昌县| 长宁区| 裕民县| 肇州县| 上高县| 龙井市| 太和县| 台中市| 黄梅县|