自定义组件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:再一次体会到了编程的至理名言，假如解决不了问题，就多加一层