elementUI中当form中select选择器中的数据发生改变时清空当前选中的状态

elementUI中当form中select选择器中的数据发生改变时清空当前选中的状态_第1张图片
当选择题库时,获取到章和节的列表,章节才能够被选择elementUI中当form中select选择器中的数据发生改变时清空当前选中的状态_第2张图片
现在要实现的效果是当题库发生改变时,章节列表也发生改变,需要清空当前选择项
elementUI中当form中select选择器中的数据发生改变时清空当前选中的状态_第3张图片
如图,题库改变了,章节列表的数据也发生改变了


	
		
		    
		  
		  
		    
		  
	

这是基本数据结构

export default {
	data() {
		return {
			form: {
		        section: null,
		        festival: null
	      	},
	      section: [],
     	  festival: [],
     },
     watch: {
	    section: function(newValue) {
	      this.section = newValue;
	      this.form.section = null;
	      this.form.festival = null;
	 }
  },
},

我监听this.section中是否有新数据,如果有就让this.section=新数据,然后清空表单中的旧数据.

你可能感兴趣的:(前端)