為什麼在下面的範例中 v-model 沒有綁定到我的輸入？
<腳本設定>
從 'vue' 導入 { ref } 常量配置=參考（{ 標題：[ { 欄位：'id'，標籤：'Id'，元件：{ 類型：'輸入' } }, { field: '名稱', label: '名稱', 元件: { type: '輸入' } }, // 單選按鈕和其他自訂元件的更多配置 ], 數據： [ { id: 1, 名稱: 'foo' }, { id: 2, 名稱: '酒吧' } ] })
<模板>
<表>
{{ header.label }}
<組件:is="header.component.type" v-model="item[header.field]" ;>
> {{ 配置資料 }}
Vue
v-model對於原生元素來說效果很好。但它顯然無法與
一起使用
您的程式碼產生
非常快速的解決方法是直接實作
值的綁定。但是您將需要相應地更新元件，以使用
value而不是modelValue。更新
使用
v-model:value的解決方法僅以一種方式起作用，與:value相同。