vue实现一个点击显示再点击关闭功能（即实现动态更换绑定函数）

项目场景：

例如：用vue实现一个动态更换绑定函数的功能
项目场景：实现一个支付宝

---

类似于实现支付宝的金额的显示与隐藏。

执行描述：

提示：这里我用@click来实现该功能，这里为了方便理解，做判断条件为a == false；
当然有更合理的判断方法，这里欢迎大家留言讨论。

• 先写出按钮的方法：

<el-button @click="a == false ? show() : hide()" type="text">
	个人信息<i class="el-icon-view"></i>
</el-button>

• 接着写出所绑定的函数：

methods: {
	show() {
		this.a = true;
	    console.log("执行了show方法");
	},
	hide() {
		this.a = false;
		console.log("执行了hide方法");
	},
}

• 当然还有数据：

data() {
    return {
      a: false,
    }
}

---

这样就可以实现动态更换绑定函数了：

实例展示：

我是在我的项目中：
实现了一个用户信息的展示与隐藏：

该项目代码 地址 （若打不开请刷新）
您也可以访问本项目：link. （得注册账号）

---

希望对你有所帮助。