在做弹框部分时,要用到一个拖拽的效果,搜了好久的插件,但是感觉没有很符合我需要的那种,所以就把之前写的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
版权声明:本文为博主原创文章,转载请附上博文链接!