在vue中如何使用自己写的js

本文详细介绍如何在Vue项目中实现拖拽效果。通过在assets/js目录下创建drag.js文件,封装拖拽功能并导出,然后在main.js中引入并绑定到Vue原型上,最后在页面中调用this.$drag()即可轻松实现拖拽功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

export default function drag (id) {
    //  代码内容
}

3.在main.js中去引入这个js,并绑在vue的原型上:

import { drag } from './assets/js/drag.js'

Vue.prototype.$drag = drag

4.再去页面使用的时候,只要调用this.$drag()就可以了。

公众号:Coder 杂谈,欢迎关注
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值