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升级新版本后选择器的语法问题
Jun 02 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
BACKBONE.JS 简单入门范例
Oct 17 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
使用javascript做在线算法编程
May 25 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 Javascript
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
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中将网页导出为Word文档的代码
2012/05/25 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
Yii隐藏URL中index.php的方法
2016/07/12 PHP
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
2007/04/21 Javascript
菜鸟javascript基础整理1
2010/12/06 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
利用d3.js实现蜂巢图表带动画效果
2019/09/03 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
node+vue实现文件上传功能
2020/05/28 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
Python入门篇之对象类型
2014/10/17 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
台湾生鲜宅配:大口市集
2017/10/14 全球购物
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
资深财务管理人员自我评价
2013/09/22 职场文书
实习鉴定范文
2013/12/19 职场文书
一名老师的自我评价
2014/02/07 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
让子弹飞观后感
2015/06/11 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书