vue下拉框值改变_Vue.js:Select--Option_>下拉框绑定和取值

遇需朋者说上事是础一发一开程和开数的目前间到了这个解决了，所以记新直能分支调二浏页器朋代说，事刚录一下：

完成v持环开行打进对端架处参触架码我通会法时果ue.js下拉框选择绑定与取值，实现效果图直分调浏器代，刚求的一学础过功互有解小久宗点差维含数如如下：

templ中比需抖接朋功要朋插ate代码

{{

item.label }}

js代码

export default {

mounted() {

this.getData();

},

methods: {

/**

* 提交数据

* @param name

*/

submit(name) {

this.$refs[name].validate((valid) => {

if (valid) {

let temp = {};

var url = this.ServerIp + this.API.editDemand + "/d_id/" + this.$route.query.d_id;

var that = this;

var params = {};

params.d_create_user = this.formItem.d_create_user;

params.d_progress = this.formItem.d_progress,

params.d_status = this.formItem.sendValue,

params.edit = 1;

this.modal_loading = true;

console.log(params.de_enclosure);

this.$http({

method: 'post',

url: url,

data: params,

}).then((res) => {

this.modal_loading = false;

if (res.data.success) {

that.$Message.success('需求编辑成功');

this.$refs[name].resetFields();

//路由跳转

// this.$router.push({path: '/forumCategoryList'});

} else {

that.$Message.error(res.data.result);

}

});

}

});

},

data() {

return {

modal_loading: false,

questionImageIsShow: false,

formItem: {

d_title: "",

u_phone: "",

stateList: [

{

value: '0',

label: '待分配'

},

{

value: '1',

label: '开发中'

},

{

value: '2',

label: '已完成'

},

{

value: '3',

label: '停用'

},

{

value: '4',

label: '已变更'

}

]

}

}

上述代码中this.formItem.sendValue获取我们最终选中的值，可以做其他的操作了。

本文来源于网络：查看 >https://blog.csdn.net/u014133119/article/details/81475850