Allow ternary v-bind:type with v-model.

[nickmessing]

What problem does this feature solve?

There is common "Show Password" pattern today and we have to use v-if/v-else for that. Can we consider allowing ternary expression that returns only one of text,number,password,search,email,tel,url allowed in v-bind:type?

What does the proposed API look like?

<input :type="showPassword ? 'text' : 'password'" v-model="text">

[javoski]

I suppose this is supported.
https://jsfiddle.net/xujiongbo/phgx2s2o/1/

[nickmessing]

Whoops, sorry, missed that.

[nickmessing]

Oh, check the console, we have [Vue warn]: Error compiling template

[javoski]

When switching input types between text, number or file, it will lead to some strange behaviors because the format of model value doesn't match the type.

[nickmessing]

@javoski, file - yes, that's why we have a list of text-like inputs as I mentioned in description (text,number,password,search,email,tel,url)

P.S. number works as text and value is string. (example: 00)

[mosinve]

Another way to do this clearly at current release, is to avoid ternary, for example:
https://jsfiddle.net/cihkem/103b96fr/

As was written at some VueJS CodeStyle Guide, it;s better to try to use simple expressions at components attributes and move complex ones to a callback functions

[yyx990803]

We will likely support full dynamic type for v-model in the next minor release, so closing this one for now.