vuejs - 动态输入“类型”答案

【问题标题】：vuejs - dynamic input 'types'vuejs - 动态输入“类型”
【发布时间】：2017-08-01 16:07:01
【问题描述】：

我希望能够在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 解决这个问题。

【问题讨论】：

【解决方案1】：

这种事情是建议的。

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

【讨论】：