Vue在mounted里面调用methods里的function函数
举个栗子:
<a v-on:click="Delete(item.JD_WarehousePriceID)">删除</a><script>var table1Vue = new Vue({el: '#table1',data: {items: []}, methods: {Delete: function (id) {if (confirm("确定删除,ID: " + id + " 的数据?") == true) {if (id) {$.ajax({url: "/JD_ReturnFee/DELETE",type: "post",data: { "ID": id },dataType: "json",success: function (data) {alert(data.message);if (data.code == 200) {table1Vue.Bind();//在methods里面调用函数}}});}}}, Bind: function () {var index = 1;//页码var size = 500;//每页条数var Tag = $("#selTag").val();var Project = $("#selProject").val();$.ajax({data: {"Tag": Tag,"Project": Project,"pageIndex": index,"pageSize": size,},url: "/JD_ReturnFee/DataTablePage",dataType: "json",success: function (request) {table1Vue.items = request.data;PagerMaker(request.total, request.allPage, pageIndex, size);},});}}, mounted: function () {this.$options.methods.Bind();//看这里,在mounted里调用methods里的函数Bind},});</script>
关键是这个:
this.$options.methods.Bind();
在其他地方调用mounted里的函数:
①把new出来的Vue,挂载给一个对象, 如: var table1Vue = new Vue ... , 挂载给 table1Vue
②在其他的 Vue里面调用函数,如: table1Vue.Bind();//在methods里面调用函数
Vue在mounted里面调用methods里的function函数相关推荐
- vue模板里面直接调用methods里面的方法方式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- vue调用methods里的方法
刚学vue的时候,以为要想方法自启动,只能通过生命周期函数的钩子. 而methods里的函数大多用@ckick进行调用 要想直接启用里面的方法,给挂载的vue一个名字就行了,如下 var app = ...
- matlab中调用克里金模型函数吗,kriging-Kriging,克里金
本教程分享:<kriging>, matlab中kriging工具箱用法 要做Kriging插值Krig3d这个函数的help里面是这样写的%xn,yn,zn-coordinatesoft ...
- 【转】Linux下c++调用自己编写的matlab函数:通过mcc动态链接库.so实现
转自:Linux下c++调用自己编写的matlab函数:通过mcc动态链接库.so实现_Jaster_wisdom的专栏-CSDN博客 之前在这里和这里调用了matlab自带的一些函数,是通过matl ...
- vue项目如何在data里调用methods中的方法
vue项目如何在data里调用methods中的方法 比如使用swiper组件在data里调用methods中函数的方式:data在vue项目里实际也是个函数,所以只要如下操作就行: data() { ...
- vue methods html,vue怎么在methods当中调用外面定义的的函数
methods中的function中的this指向vue实例,其他的没什么这种调用方式是直接访问test2函数,没有任何的this绑定,所以肯定访问不到 this.$options.methods.t ...
- 在vue开发中会遇到methods方法里有一个函数嵌套另一个函数,最内层函数this取不到data数据,该怎么解决?
一,问题 在vue的methods方法中两个函数互相嵌套,最内层函数this取不到data数据 二,原因 this的指向问题 三,解决方法 (1)给最外层函数this重新赋值给一个变量 methods ...
- vue中组件之间调用方法——子组件调用父组件的方法 父组件调用子组件的方法
vue中组件之间调用方法--子组件调用父组件的方法 & 父组件调用子组件的方法 1.vue中子组件调用父组件的方法 1.1.第一种方法是直接在子组件中通过this.$parent.event来 ...
- vue函数如何调用其他函数?_从源码中学Vue(一)生命周期中的钩子函数的那点事儿...
欢迎来到我的<从源码中学Vue>专题系列文章,更多精彩内容持续更新中,欢迎关注 :) Vue作为当下前端最流行的框架之一,在国内占绝对的优势.所以接下来我们一起来学习它吧! 我不会像其它人 ...
最新文章
- linux系统启动流程详解
- 学习笔记(一)——HTML学习
- 0x84bb0001 sqlserver_sqlserver 2000 远程连接 服务器的解决方案
- make and run
- Android随机生成四则运算
- JVM调优总结(二)
- 2020 WTM 继续向前
- this的用法this.name=name 这个什么意思
- 【程序设计】变量名的命名原则
- 稳定币usda是哪个发行的_usdt稳定币是谁发行的?
- C/C++回调方式系列之二class接口回调和lambda程式
- apache 的batik生成svg文件和通过swing界面查看效果
- 重装系统后电脑只剩下C盘怎么办?怎样给电脑磁盘分区增加盘符?
- windows 启动 cmd快捷键,类似于 linux “Ctrl+Alt+T“ 启动终端
- matlab怎么设置步长,请教matlab中怎么对变步长的数据进行处理
- 查看ASA日志服务器信息,Cisco ASA防火墙的日志管理
- DOJP1520星门跳跃题解
- Android 短视频SDK
- [转] 当猫爱上蝴蝶
- [Jule CTF 2022] 部分WP
热门文章
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十二║Vue实战:个人博客第一版
- python几何拼贴画_【中班综合活动:图形大变身】 中班美术图形拼贴画
- 广州地区5个比较有名的蔬菜配送公司
- 【调参之损失函数】train loss 和 test loss 一直不下降
- 计算机绘图自考知识点,湖南自考本科07885图学与计算机绘图考试大纲 - 湖南自考生网...
- python 优先队列_Python 优先队列
- 基于C语言的线程通信消息队列实现
- traceback.print_exc()的用法
- 增广贤文是不多的古典珍宝之一
- Indie = Lonely?