如何创建并绑定按钮的vmodel

Question

i am using vue3 with options api

如下面发布的代码所示，我知道如何创建单选按钮以及如何绑定其属性。但我的问题是如何绑定按钮的属性。 如下面发布的代码所示，我可以绑定在

@click

上，但我不知道如何创建并绑定在按钮的

vmodel

上

单选按钮

<input
    type="radio"
    :value="compPropsVModelEpochAgo"
    @input="$emit('update:compPropsVModelEpochAgo', $event.target.value)"
    :disabled="isRadioButtonEpochAgoDisabled"
    :checked="isCheckedRadioButtonEpochAgo"
    @change="onEpochAgoChanged()"
/>

按钮

<cds-button 
    class="clsBtnClosePosition" 
    action="primary" 
    status="primary" 
    size="md" 
    type="button" 
    @click="onCloseNotification()"
> X
</cds-button>

问题中已解释

Answer 1

Vue

模型在组件和某些状态之间创建了 2 路绑定。按钮会生成“点击”事件，但是按钮“状态”的定义是什么？

按钮的文本不需要双向绑定，因为用户无法编辑文本。

<button>{{text}}</button>

普通按钮没有必要使用

v-model

。

另一方面，切换按钮将具有“状态”，并且将使用“v-model”指令。 “v-model”只是设置“:input”并响应某些“@value”事件或等效事件的简写。