在js文件中访问vue原型上绑定的方法

最新推荐文章于 2024-04-27 07:17:34 发布
最新推荐文章于 2024-04-27 07:17:34 发布
阅读量5.7k 收藏 4
点赞数 5
分类专栏： vue 文章标签： vue vue原型 vue.peototype
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45077505/article/details/101208643
版权

单独的js文件中的this指向的是window，如果这里的this是指向不到vue实例的，所以会报错
在这里插入图片描述
$http是我挂载到vue原型上的一个方法
在这里插入图片描述
现在的需求是我想在js文件中使用vue原型身上绑定的这个http方法，所以我接下来做了下面的操作
首先导出vue实例，
在这里插入图片描述
接下来在需要使用http方法的文件中引入main.js，使用vue.方法名调用就可以了
在这里插入图片描述

木木゛
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue封装可复用组件confirm,并绑定在vue原型上的示例
10-16
在Vue开发过程中，为了提高代码的...通过绑定到Vue原型，我们可以在整个应用中轻松调用这个组件，极大地提高了代码的复用性。此外，通过Promise封装，我们可以优雅地处理用户的选择，无论是进行后续操作还是取消操作。
利用vue.js把静态json绑定bootstrap的table方法
10-18
在本文中，我们将探讨如何使用Vue.js将静态JSON数据绑定到Bootstrap的表格中，从而创建一个动态且交互式的数据展示界面。Vue.js是一个轻量级的前端JavaScript框架，它提供了数据绑定和组件化的能力，使得构建用户...
普通js文件如何调用Vue.prototype上挂载的方法
范天缘的博客
03-04 4503
有时候在vue项目中,普通js文件需要调用一些公共方法,但是我们公共方法都挂载在了vue原型对象上面, 在vue文件中是可以直接调用的 但是在js文件中直接调用会显示undefined 解决方法：在js文件中1.引入Vue 2.实例化Vue 3.从原型对象上面调用方法 //引入vue import Vue from "vue" //必须实例化 var vm = new Vue() //调用方法 vm.$getSlyTokenStatus() ...
工具js文件访问vue原型上绑定的方法
小小笨南瓜
08-31 279
js工具文件调用vue原型上绑定的方法
【面试题】Vue2为什么能通过this访问到data、methods的属性或方法_为什么vue的this可以拿到原型上的属性
最新发布
2401_84446580的博客
04-27 1027
if (!) {warn(‘Vue是一个构造函数，应使用“new”关键字调用’);//Vue() //错误的调用方式 进入警告判断 此时this指向window 然后window的 window.__proto__的指向的Window构造函数的prototype//prototype上增加init方法//Vue实例//代码进行了删减//这里只是举例测试//initState方法代码进行了删减//这里是我们在创建实例的时候传的参数。
在js文件中访问vue原型上绑定的方法属性等
smouns_的博客
02-28 2619
在js文件中访问vue原型上绑定的方法属性等
使用 prototypes 访问 Vue.js 中的全局属性
weixin_40398599的博客
08-28 429
译者 : Lara 作者：Brian Neville-O’Neill 原文：https://dev.to/bnevilleoneill/accessing-properties-globally-in-vue-js-with-prototypes-45bk 在本文中，你将了解到如何在 Vue.js 中使用 prototypes 来访问全局属性，而不是在工作流中使用多个导入来访问。 在开始之前 ...
用js原型给js添加方法
love398146779的专栏
10-22 482
[code="java"]/** * String原型加入，replaceAll方法 * @param code */ String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } [/code]
JS 往原型添加方法练习
DiJunXJ的博客
02-26 338
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> function Person(name,age,salary){ t...
vue中的双向数据绑定原理与常见操作技巧详解
10-15
Vue.js 是一款流行的前端JavaScript框架，其核心特性之一就是数据双向绑定。双向数据绑定使得视图（View）和模型（Model）之间的数据可以自动保持同步，简化了开发过程，特别是处理用户输入时，如表单操作。下面我们...
深入浅析js原型链和vue构造函数
10-17
在JavaScript中，原型链是实现对象继承的核心机制，它使得一个对象能够访问其构造函数的原型对象上的属性和方法。当我们尝试访问一个对象的属性时，如果该对象本身没有这个属性，JavaScript会沿着原型链向上查找，...
vue源码分析（一）初探vue
TyrionJ的博客
02-18 294
本系列文章是作者在学习vue源码时的学习笔记，在学习的过程中会参考其他的文章，并在文末注明相关的引用。如有错误，欢迎指证。 vue源码版本: vue@2.5.17-beta.0 一. 类型校验 vue使用了flow进行语法校验，其中vue自定义了一些数据类型比如component或者Element 等. flow是facebook出品的代码检查工具，功能类似于typeScript,能够帮助...
vue-如何在vue项目中的js文件里使用vue实例
nsnydnz的博客
10-30 4720
第一种方法 首先：定义一个js文件 这里叫做 makevue.js ，定义一个context的变量 let context =null// 定义一个变量，用来代替this（vue） export default { // 写一个此文件引入vue的方法，然后export导出去 initContext (vue) { context = vue }, } 然后：在main.js初始化完实例之后 ，将实例赋值给context, 需要使用的地方就引入makevue.
vue-js方法挂载在vue原型上
cxu123321的博客
07-02 5042
3分钟教会你把封装的js公共方法挂载在vue实例原型上 第一步：首先在src文件夹里面创建一个通用js文件夹，然后在创建的文件夹里面创建一个js文件 第二步：const 一个方法，然后通过export暴露出来（在同一个页面可以写多个方法，和暴露多个方法，在export里面暴露的方法要用逗号分隔） 第三步：把方法挂载在原型上（具体操作看图） prototype 第五步：使用，在页面的export default 里面的生命周期里面通过this.公共方法就能使用了。 结...
JavaScript如果出现 Uncaught TypeError: Cannot read property XXX of undefined的解决办法
qq_42333758的博客
09-30 1万+
引入文件加载顺序问题 或者没引入某些使用的js和插件
VUE原型中绑定方法....
qq_43489988的博客
11-05 1220
新建一个common.js文件 import Vue from 'vue' function log (msg) { //方法 console.log(msg) } //绑定到Vue原型上 Vue.prototype.$log = log Vue.prototype.$log1 = 'ssss' //此文件引入main.js main.js import './common' ...
在vue原型链上加方法，然后全局使用
ToBeBestPlayer的博客
01-11 1万+
// 封装的对象检空方法 Vue.prototype.paramsValidate = function (params) { let flag = true for (var key in params) { if (params[key] !== '0' &amp;&amp; !params[key]) { this.$vux.toast.text('请填写全部数据', 'middl...
Vue中this的指向问题，this指不到Vue原型的解决方法
热门推荐
我的代码没有Bug的博客
12-25 1万+
在Vue中通常会用this去调用绑定在Vue原型上的方法。 解决方法 一 加粗样式 我在函数体内写了一个this.router.push(′/index′)方法，其主要目的是为了在验证完成后进行路由跳转，跳转到index页面。当运行过后会报个错。![在这里插入图片描述](https://img−blog.csdnimg.cn/201812251620106.png)其报错原因是因为在函数内部th...
vue main.js 原型上定义的方法组建中怎么使用
06-07
1. 在main.js中，定义一个方法，并将其绑定到Vue的原型对象上，例如： ``` Vue.prototype.$myMethod = function() { // 方法的具体实现 } ``` 2. 在组件中，可以通过this.$myMethod()的方式来调用该方法，例如： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值