vue中如何让函数只执行一次

vue

1221

2021/5/14 17:51:46

栏目: 编程语言

在vue中让函数只执行一次的方法：1.新建vue.js项目；2.定义函数；3.使用if语句设置函数只执行一次；

vue中如何让函数只执行一次

具体方法如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中定义一个函数；

export default {
data() {
return {
runOnce: true,
};
},
methods: {
func() {
console.log('hello world', this);
},
};

3.最后，函数定义好后，使用if语句即可设置函数只执行一次；

methods: {
func() {
console.log('hello world', this);
},
funcRunOnce() {
if (this.runOnce) {
this.func();
this.runOnce = false;
}
},
},

最新知识库