vue 点击 改变input 里面type

你可以通过在点击事件中修改 input 元素的 type 属性来实现这个功能。具体实现方法如下：

HTML 代码：

<div id="app">
  <input type="text" :type="inputType">
  <button @click="toggleInputType">Toggle Input Type</button>
</div>

Vue.js 代码：

new Vue({
  el: '#app',
  data: {
    inputType: 'text'
  },
  methods: {
    toggleInputType() {
      this.inputType = this.inputType === 'text' ? 'password' : 'text';
    }
  }
});

在上面的代码中，我们定义了一个 inputType 变量来控制 input 元素的 type 属性。在 toggleInputType 方法中，我们通过判断 inputType 的值来切换 input 元素的类型。当 inputType 的值为 'text' 时，input 元素的类型为文本框；当 inputType 的值为 'password' 时，input 元素的类型为密码框。我们在按钮的 click 事件中调用 toggleInputType 方法来切换 input 元素的类型。