事象
is
属性で要素名を指定しているコンポーネントに対して、v-model
を使用すると、v-model
が機能しなくなりました。
どういうことかは例を見ていただくと早いです。
正常
<input type="text" v-model="value">
異常
<div is="input" type="text" v-model="value">
原因
なぜこんな挙動になるのか、それを解決する記述を見つけることはできませんでした。
ともかくis
とv-model
は併用しないよう気をつけましょう。
おまけ
疑似v-model
の場合は更に奇妙な挙動になりました。
初期値は設定されるし、入力値は設定できるものの、代入による値を上書きできなくなります。
<div
is="input"
type="text"
:value="value"
@input="value = $event.target.value"
>