下拉框默认显示第一个数据,及获取下拉框中选择的任意数据:

<label>类型:</label>
 <select v-model="value_type" @change="getvalue_typeected(value_type)">
   <option :value="item" v-for="item in types" :key="item">{{
     item
   }}</option>
 </select>

export default {
	data(){
		return {
			value_type: "",
      		types: ["STRING", "BOOLEAN", "INTEGER",'DATETIME','DATE'],
		}
	},
	created(){
	    //下拉框默认显示第一个
		this.value_type = this.types[0];
	},
	methods:{
		getvalue_typeected(val) {
	      this.value_type = val;
	    },
	}
}

下拉框数据回显:

getCurIdData() {
  this.$http
    .get(`/api/${id}`)
    .delegateTo(api_request)
    .then((data) => {
      this.value_type= data.value_type;
    });
}
Logo

前往低代码交流专区

更多推荐