vue动态(type可变)input绑定

Posted 等风来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

 

以上是关于vue动态(type可变)input绑定的主要内容,如果未能解决你的问题,请参考以下文章

Vue:将更改事件绑定到动态插入的内容

vue中v-for出来的input如何实现双向绑定

错误:如果输入使用双向绑定,则“类型”属性不能是动态的

React如何动态绑定input框的值

动态添加+动态绑定(vue数据驱动思路)

jQuery-为动态添加的元素绑定事件