element-ui form表单中的form通过计算属性无法设置值
<template>
<el-form ref="form" :model="form" label-width="80px">
{{JSON.stringify(form)}}
<el-form-item label="活动名称" prop="name"><el-input v-model="form.name"></el-input></el-form-item>
<el-form-item label="活动形式" prop="desc"><el-input type="textarea" v-model="form.desc"></el-input></el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button @click="resetForm('form')">重置</el-button>
</el-form-item>
</el-form>
</template>
<script>
export default {
name: 'test-form',
data() {
return {
items: [
{
name: 'name',
value: ''
},
{
name: 'desc',
value: 'desc'
}
],
};
},
computed: {
form:{
set() {},
get () {
let form = {};
for (let index in this.items) {
const key = this.items[index];
form = Object.assign({}, form, {
[key.name]: key.value
});
}
return form;
}
}
},
created() {
setTimeout( () => {
this.$set(this.form,'name','name')
},3000)
},
methods: {
onSubmit() {
console.log('submit!');
},
resetForm(formName) {
this.$refs[formName].resetFields();
}
}
};
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论