项目场景：

例如：用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

. （得注册账号）

希望对你有所帮助。