Vue中关于循环的的type属性如何通过方法来修改，请各位大哥指教。

[抛开前端谈前端]

如何通过JS代码来操控<input type="text">中的type属性啊，我的子组件只有一组文本框，父组件用来五次子组件，然后有用户名和密码，想让密码属性显示为password，怎么操作？

[天际的海浪]

<input>的type属性一但设置之后就不能再修改。 只有重新创建一个<input>替换掉原来的， 或者用两个<input>交替显示，并把两个<input>的value绑定为一个变量即可。

[囧]

用状态来控制显示哪一个

<input v-if="isNumber" type="text" >
<input v-if="isPassword" type="password" >

[刘大神仙]

万能的if else

[不中留的抱歉]

试试 getAttribute

[未雨绸缪�]

通过props传值给子组件， 使用三目运算符判断 <input :type="isPassWrod ? 'password' : 'text'" > ， 或者直接将input使用的type类型通过props传到子组件调用就可以了

[抛开前端谈前端]

引用 5 楼 未雨绸缪� 的回复:

通过props传值给子组件， 使用三目运算符判断 <input :type="isPassWrod ? 'password' : 'text'" > ， 或者直接将input使用的type类型通过props传到子组件调用就可以了

已解决，谢谢各位啦