网络编程 
首页 > 网络编程 > 浏览文章

vue 在methods中调用mounted的实现操作

(编辑:jimmy 日期: 2024/11/7 浏览:3 次 )

首先可以在data中先声明一个变量

比如 sureDelBox : ' '

mounted 中 --->

vue 在methods中调用mounted的实现操作

methods 中 ---> this.sureDelBox(item) 直接this调用

这时候要传的参数别忘记带上

如果你要问在mounted中调用methods中的方法

那么如果是我 我会直接把这个方法直接写在mounted中

补充知识:vue中methods一个方法调用另外一个方法

vue在同一个组件内;

methods中的一个方法调用methods中的另外一个方法

可以在调用的时候 this.$options.methods.test2();

this.$options.methods.test2();一个方法调用另外一个方法;

new Vue({
  el: '#app',
 data: {
   test:111,
 },
 methods: {
   test1:function(){
      alert(this.test)
    },
    test2:function(){
      alert("this is test2")
      alert(this.test) //test3调用时弹出undefined
    },
    test3:function(){
      this.$options.methods.test2();//在test3中调用test2的方法
    }
 }
})

以上这篇vue 在methods中调用mounted的实现操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:vue 使用post/get 下载导出文件操作
下一篇:javascript实现图片轮换动作方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。