2020.9月8日 vue 二级联动页面部分

vue项目实现二级自定义二级联动

如下图在选择二级联动的时候

html部分代码

<select v-model="selected">
    <option v-for="yx in YX" :value="yx.text">
        {
  {yx.text}}
    </option>
  </select>
  <select>
    <option v-for="zy in selection" :value="zy.text" :selected="$index == 0 ? true : false">
        {
  {zy.text}}
    </option>
  </select>

js部分代码

			  
				selected: '计信院',
				    YX: [{
				      text: '计信院',
				      ZY: [{
				        text: '软件工程'
				      }, {
				        text: '计算机科学与技术'
				      }, {
				        text: "信息安全"
				      }, ]
				    }, {
				      text: '商学院',
				      ZY: [{
				        text: '旅游管理'
				      }, {
				        text: '工商管理'
				      }, {
				        text: "行政管理"
				      }, ]
				    }, ],

作为data的初始化数据，自定义部分根据需要可随意改编成对应的分类

在计算属性里面写上双向绑定的方法

	computed: {
	    selection: {
	      get: function() {
	        var that = this;
	        return