vue動態(type可變)input繫結

遇到如下錯誤：

v-model does not support dynamic input types

解決方法：

vue 2.5.0以上，支援動態繫結

<input :type="type" :name="name" :id="name" v-model="inputVal">

vue 2.5.0以下，可以使用v-if來做

<input v-if="type == 'text'" type="text" :name="name" :id="name" v-model="inputVal">
<input v-if="type == 'number'" type="number" :name="name" :id="name" v-model="inputVal">

 

 

出處：https://stackoverflow.com/questions/44461188/vue2-v-model-does-not-support-dynamic-input-types