Open besscroft opened 1 year ago
@besscroft
Vue 中,:
是 v-bind
的简写,是单向数据流,不会更改传入的 ref 的值。
如果需要双向数据流,Vue3 中提供 v-model
实现。
即:
<a-select
placeholder="请选择 Bucket 地域的 Region"
:loading="loading"
- :model-value="addStorageForm.region"
+ v-model="addStorageForm.region"
:input-value="addStorageForm.region"
>
<a-option v-for="region in regionList" :key="region" :label="region" :value="region" />
</a-select>
@kaikaibenkai 感谢你的回复。文档里面括号显示了 v-model,我理解的是它们可能就是一样的作用。
@kaikaibenkai 感谢你的回复。文档里面括号显示了 v-model,我理解的是它们可能就是一样的作用。
这里 (v-model)
的作用是声明这个 prop 可以使用 v-model 语法,并不能改变 Vue 原有语法设定
Basic Info
Extra info
代码地址,希望能对复现问题带来帮助。
What is expected?
预期效果是点击提交时,能够正确打印出值:
目前下拉框的值渲染正常,但是点击之后,框框里面依旧是空白,只显示提示语,并且表单校验提示没填入数据。而且 addStorageForm.region 的值似乎没有发生变化。 如果改成这样就可以,但是这样表单验证似乎会失效:
Steps to reproduce
下面是最小示例问题代码,对应的 model-value (v-model) 绑定值和 input-value (v-model) 输入框的值似乎没有达到预期效果,我不确定是使用问题还是 bug。
最后,如果需要提供其它信息,我会尽量提供。希望社区能看看问题,谢谢~