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()就可以了。

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

猜你喜欢

转载自blog.csdn.net/qq_39738016/article/details/91493987