h函数中input数据绑定的问题

原创已于 2024-04-07 17:28:21 修改 · 769 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue

于 2024-04-07 16:33:37 首次发布

本文介绍了如何在Vue应用中使用`modelValue`属性绑定对象，并强调了在`ElInput`组件中添加`onInput`方法的重要性，以便实时更新绑定的值，确保用户输入功能正常。

1.使用modelValue 绑定对象

2.添加一个onInput方法来更新绑定对象的值(这里不一定是onInput，要根据使用的组件灵活使用)，如果没有这一步会导致没法输入

const inputProposalCodeNew=ref('');

h(ElInput,
{
placeholder:"请输入",
style:"width: 125px",
ref:ApplyDateTimeRef,
modelValue:inputProposalCodeNew.value,
onInput: (val) => {inputProposalCodeNew.value = val}
},
)

h(ElRadioGroup,
{
modelValue:inputIsApply.value,
onChange: (val) => {inputIsApply.value = val}
},
[
    h(ElRadio,{label:"1"},"是"),
    h(ElRadio,{label:"0"},"否"),
]
)