自定义组件input 如何修改type的值

问题描述:自己封装了一个input组件,type类型由父组件传递进来,当传进来的是passord时,自定义组件后面出现“眼睛”的icon,希望点击该icon可以修改input的type值为text/password之间转换,这个时候组件本身是不能修改父组件的传值的,那该怎么办呢?
解决方法:input组件加多一个变量

data(){
  return {
    passwordVisible: false
  }
}

然后修改template里input的绑定type为

    <input
      :type="showPassword ? (passwordVisible ? 'text' : 'password') : type"
    />

ps:再一次体会到了编程的至理名言,假如解决不了问题,就多加一层

posted @ 2020-10-27 10:12  镇魂帆-张  阅读(279)  评论(0编辑  收藏  举报