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