Vue引用自己写的js

在做弹框部分时,要用到一个拖拽的效果,搜了好久的插件,但是感觉没有很符合我需要的那种,所以就把之前写的js拖拽拿了过来,放到vue里。那具体操作时怎样的呢?咱们一起来看一下:
1.首先在assets/js里新建一个drag.js
2.将拖拽的js拷贝到里面,并export default出去。

export default function drag (id) {
// 代码内容
}
1
2
3
3.在main.js中去引入这个js,并绑在vue的原型上:

import { drag } from ‘./assets/js/drag.js’

Vue.prototype. d r a g = d r a g 1234. 再 去 页 面 使 用 的 时 候 , 只 要 调 用 t h i s . drag = drag 1 2 3 4.再去页面使用的时候,只要调用this. drag=drag1234.使this.drag()就可以了。

作者:learning_H
来源:CSDN
原文:https://blog.csdn.net/qq_42345237/article/details/89603714
版权声明:本文为博主原创文章,转载请附上博文链接!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值