vuejs - 动态输入'类型'

Question

我希望能够动态更改text和password之间的输入字段的type。我试图做以下几点：

<input :type="dynamicInputType"> 

data() { 
    return { 
     dynamicInputType: 'password' 
    } 
} 

但显然这是行不通的; vuejs显示错误：v-model does not support dynamic input types. Use v-if branches instead.

我不清楚我如何用v-if解决这个问题。

Answer 1

这种事情是什么建议。

<input v-if="'text' === dynamicInputType" type="text"> 
<input v-else type="password"> 

Answer 2

我在这个webpackbin

使用动态 :type