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


Posted in Javascript onAugust 07, 2020

首先可以在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的实现操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
php与js的区别是什么
Aug 05 Javascript
js清空form表单中的内容示例
May 20 Javascript
利用vue实现模态框组件
Dec 19 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
ES6中参数的默认值语法介绍
May 03 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
layui-select动态选中值的例子
Sep 23 Javascript
javascript实现图片轮换动作方法
Aug 07 #Javascript
vue style width a href动态拼接问题的解决
Aug 07 #Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 #Javascript
JavaScript实现与web通信的方法详解
Aug 07 #Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 #Javascript
JavaScript实现多文件下载方法解析
Aug 07 #Javascript
基于javascript的无缝滚动动画1
Aug 07 #Javascript
You might like
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
Vue组件化开发思考
2018/02/02 Javascript
详解Nuxt.js Vue服务端渲染摸索
2018/02/08 Javascript
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
python字符串对其居中显示的方法
2015/07/11 Python
深入解析Python中的urllib2模块
2015/11/13 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
python 遍历字符串(含汉字)实例详解
2017/04/04 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
Python3读取和写入excel表格数据的示例代码
2020/06/09 Python
Python分类测试代码实例汇总
2020/07/23 Python
PyTorch安装与基本使用详解
2020/08/31 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
Python调用飞书发送消息的示例
2020/11/10 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
大学毕业感言50字
2014/02/07 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
安全教育日主题班会
2015/08/13 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js
Python语言规范之Pylint的详细用法
2021/06/24 Python