v-model
為一個語法糖,Vue
會默認使用一個名為 value
的 prop
,以及名為 input
的事件。
為了避免不同的 value 有不同的作用,現在可以使用下面的方式自訂義自己想要的 v-model 行為。
model: {
prop: 'checked',
event: 'change'
}
如果想要更改 checked
這個 prop
可以在 Vue
的 instance 中用以下這行程式發送 change
這個 event,並將目標的變動值傳給 checked
這個 prop
。
this.$emit('change', $event.target.value);