Vue.js 2.5でサポートされた、v-modelの「dynamic type binding on 」をjsFiddleで試してみました
[[Vue 2.5] dynamic type binding on ] (https://jsfiddle.net/Lyri_m/77w0pukz/)
type属性に指定できる値を列挙してselectで選択、その値でinputのtypeにバインドしてます
バインドできるのが変数名「type」だけだったのでおかしいなと思っていたのですが、早速2.5.1で修正されましたね……
参考:
[Release v2.5.0 Level E · vuejs/vue · GitHub] (https://github.com/vuejs/vue/releases/tag/v2.5.0)
[Vue 2.0 Hello World - JSFiddle] (https://jsfiddle.net/chrisvfritz/50wL7mdz/) こちらからforkしました
<input>-HTML5タグリファレンス