Vue ——下拉框数据及数据回显
下拉框默认显示第一个数据,及获取下拉框中选择的任意数据:<label>类型:</label><select v-model="value_type" @change="getvalue_typeected(value_type)"><option :value="item" v-for="item in types" :key="item">{{it
·
下拉框默认显示第一个数据,及获取下拉框中选择的任意数据:
<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;
});
}
更多推荐
已为社区贡献27条内容
所有评论(0)