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

主机教程 建站分享 2年前 (2022-12-22) 218次浏览

文章摘要:vue中如何让函数只执行一次 vue只执行一次的函数

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

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

具体方法如下:

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;

}

},

},


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue中如何让函数只执行一次 vue只执行一次的函数
文章链接:http://www.7966.org/post/11049.html
转载请注明出处

喜欢 (0)