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