vuejs - 动态输入＆＃39;类型＆＃39;

Question

我希望能够动态更改type和text之间输入字段的password。我尝试了以下操作：

<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