Vue
vue相关
时光有伱记忆成花
追风赶月莫停留,平芜尽处是春山
展开
-
vite 创建vue3项目,使用 Prettier 统一格式化代码,集成 ESLint、Stylelint 代码校验规范
在团队开发中,保持代码风格的一致性和代码质量的高度,对于项目的可维护性和可读性非常重要。为了实现这一目标,我们可以使用工具来自动格式化代码并进行代码校验,在开发过程中捕获潜在的问题,并提供修复建议。本示例中,我们将使用 Vite 来创建一个新的 Vue 3 项目。我们将使用 Prettier 来统一格式化代码,并集成 ESLint 和 Stylelint 进行代码校验规范。原创 2024-04-08 15:18:34 · 2627 阅读 · 3 评论 -
分享一个随机生成图片的网站
获取随机图片,可自定义大小、颜色、灰度、模糊等。原创 2024-03-19 10:17:21 · 1006 阅读 · 0 评论 -
Vue2 集成 CodeMirror 实现公式编辑、块状文本编辑,TAG标签功能
Vue2 集成CodeMirror通过markText实现类似标签的功能原创 2023-09-01 17:15:07 · 4370 阅读 · 17 评论 -
解决Vue监听键盘事件,执行鼠标点击事件后,立即点击键盘。会触发上一次鼠标的点击事件
给键盘事件触发前增加 e.stopPropagation(),该方法可以停止事件传播,从而确保键盘事件不会影响到鼠标事件的处理过程。Vue监听鼠标和键盘事件,执行鼠标点击事件后,立即点击键盘,触发键盘点击事件,会触发上一次鼠标的点击事件。原创 2023-06-16 13:40:58 · 643 阅读 · 0 评论 -
Module build failed: Error: ENOENT: no such file or directory, scandir node_modules\node-sass\vendor
Module build failed: Error: ENOENT: no such file or directory, scandir node_modules\node-sass\vendor原创 2022-10-01 21:57:19 · 2000 阅读 · 1 评论 -
Vue中去掉富文本中的html标签、空格、换行
Vue中去掉富文本中的html标签、空格、换行原创 2022-08-10 11:51:03 · 4398 阅读 · 2 评论 -
Vue draggable拖拽组件使用
实现功能:实现手动点击进行增减和拖拽进行增减和排序。先上效果图官网文档:http://www.itxst.com/vue-draggable/tutorial.htmlgithub:https://github.com/SortableJS/Vue.Draggabledraggable 集成就不多说了,网上教程多的是,随便参考一个即可。代码实现:主要使用了youzan的ui和uView的ui,至于怎么集成这两种我就不说了,实在不会可以留言讨论一波。至于界面的效果自己写样式即可,也..原创 2021-06-29 18:28:34 · 820 阅读 · 1 评论 -
vue循环数据逗号或其他符号分隔
<text v-for="(item,index) in dataList"> {{ index == dataList.length-1 && item.name || (item.name + ',') }}</text>原创 2022-01-07 18:49:56 · 2154 阅读 · 0 评论 -
解决Vue处理超过16位数字精度丢失问题
当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法)生成的id作为主键时,因为其长度,为19位,而前端一般能处理16位,如果不处理的话在前端会造成精度丢失,最后两位会变成00,如下图,感觉像是四舍五入后的效果。处理这种问题有两种方案,要么后端出处理,要么前端处理后端处理:直接把id类型改为String就行,这样是可以,但是我们如果非要用Long呢?我们可以给对应的实体类主键属性加入注解@JsonSerializeimport co.原创 2021-07-07 15:35:20 · 13764 阅读 · 12 评论 -
vant-tab组件搭配van-popup组件弹出只在第一个tab页面显示的问题
今天遇到一问题,在有vant-tab 的第三页调弹出组件van-popup,发现没有反应,原来弹出的内容展现在第一个tab页面了。解决:其实很简单,只需要给vant-popup 添加一个挂载节点<van-popup v-model="show" get-container="#app" />//或<van-popup v-model="show" get-container="body" />...原创 2021-11-04 14:13:37 · 2556 阅读 · 2 评论