v-modelvalue=formStatelegalPersonIdentityEndTime == 长期 长期 提示v-model directives require the attribute value which is valid as LHSeslintvuevalid-v-modelv-model value must be a valid JavaScript member
根据错误提示,"v-model"指令需要一个有效的LHS(左侧)属性值,"v-model"的值必须是一个有效的JavaScript成员表达式。
根据你提供的代码,问题出在"v-model:value"的属性值上。根据Vue.js的文档,"v-model"指令的值应该是一个与表单元素相关联的数据属性。你可以尝试将属性值修改为一个有效的LHS属性,例如:
v-model:value="formState.legalPersonIdentityEndTimeValue"
然后在Vue实例的data选项中定义该属性:
data: { formState: { legalPersonIdentityEndTimeValue: '' } }
这样,"v-model"指令会将表单元素的值与"formState.legalPersonIdentityEndTimeValue"属性进行双向绑定。
如果你希望将"formState.legalPersonIdentityEndTime"属性的值设置为"长期"时,表单元素的值也设置为"长期",可以使用计算属性来实现:
computed: { legalPersonIdentityEndTimeValue: { get() { return this.formState.legalPersonIdentityEndTime === '长期' ? '长期' : '' }, set(value) { this.formState.legalPersonIdentityEndTime = value } } }
然后在"v-model"指令中使用该计算属性:
v-model:value="legalPersonIdentityEndTimeValue"
这样,当表单元素的值发生变化时,会自动更新"formState.legalPersonIdentityEndTime"属性的值,并且当"formState.legalPersonIdentityEndTime"属性的值为"长期"时,表单元素的值也会被设置为"长期"
原文地址: https://www.cveoy.top/t/topic/ibSE 著作权归作者所有。请勿转载和采集!