vue
vue相关技术分享
jsmeng626
一把键盘
展开
-
vue中使用vue-draggable教程
Vue-draggable是一个基于Vue.js的可拖拽组件库,可以方便地实现拖拽排序、拖拽交换等功能。原创 2023-06-13 09:22:11 · 4176 阅读 · 0 评论 -
基于vue-quill-editor二次封装,可以实现自定义文件上传
vue-quill-editor自定义文件上传原创 2023-05-26 18:03:19 · 1295 阅读 · 0 评论 -
vue中的全局混入mixin
混入提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。举例// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!') } .原创 2022-04-09 22:53:21 · 2174 阅读 · 0 评论 -
vue中nextTick的原理(一看就懂)
含义可以在DOM更新完毕之后执行一个回调// 修改数据 this.msg = '阿西吧you'// DOM 还没有更新 this.$nextTick(() => { // DOM 更新了,可以拿到更新后的dom元素})场景使用类似scroll-better的库时, 数据更新后必须等dom更新后才能进行进行初始化操作在created钩子函数进行的DOM操作,放在Vue.nextTick()的回调函数中原理利用异步队列...原创 2022-04-11 21:59:22 · 684 阅读 · 0 评论 -
<router-link> 相关属性最标准详解
to表示目标路由的链接。 当被点击后,内部会立刻把 to 的值传到 router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="home">Home</router-link><!-- 渲染结果 --><a href="home">Home</a><!-- 使用 v-bind 的 JS 表达式 --><router-原创 2022-03-27 21:02:40 · 363 阅读 · 0 评论 -
vue3中使用pinia报错Uncaught Error: []: getActivePinia was called with no active Pinia. Did,看我代码注释就能解决哈
首先我遇到的情况是在store/index.js中,将pinia抽离开来然后在我的main.ts文件中去挂载现在可以清除的看到我是通过回调的方法先去挂载pinia再去挂载的router,因为router中我使用到了pinia,但是很奇怪的是,竟然报错告诉我使用pinia前要先安装,那可以确定我代码中先使用的pinia后挂载的,那就是这一步有问题了,本人怀疑是异步导致的。原创 2023-03-29 13:53:38 · 2695 阅读 · 0 评论 -
基于vue3+ts+vite封装的动态表单,支持手动编辑生成页面表单配置并渲染使用,所有源码都在文章中
前端动态表单,一个生成器,一个渲染器,主要功能就是生成器会制造出提供表单渲染的数据结构,再传递给渲染器去渲染使用原创 2023-02-28 15:28:32 · 3132 阅读 · 0 评论 -
vue中微信扫码登录的功能
在vue组件中加载微信SDK,并调用微信SDK提供的config接口,将appID、时间戳、随机数和当前url进行签名,并配置JS-SDK。开发者服务器通过临时票据调用微信提供的接口获取用户的openid和access_token,并保存到本地。需要注意的是,需要进行跨域访问的设置,保证vue组件可以正常调用微信SDK和与开发者服务器的交互。用户在扫码界面中扫描二维码后,微信后台将回调开发者服务器的指定url,并携带临时票据。点击扫码登录按钮后,调用微信SDK提供的scanQRCode接口,弹出扫码界面。原创 2023-04-23 17:32:31 · 2217 阅读 · 1 评论 -
使用vue+element-ui+canvas实现一个画板的功能,可以调节画笔的颜色
这样,我们就完成了一个简单的画板功能,并且可以通过element-ui的颜色选择器来调节画笔的颜色。原创 2023-05-18 17:13:23 · 1759 阅读 · 1 评论 -
使用vue3实现一个图片裁剪的功能
使用vue3实现一个图片裁剪的功能原创 2023-04-07 13:30:49 · 986 阅读 · 0 评论