随笔分类 - VUE

阻止vue组件vuedraggable在使用时打开浏览器新标签

摘要：#前言浏览器在文字拖动时会打开链接，图片拖动时打开新窗口，这是浏览器的特性。 vue-draggable组件就是需要拖动的，就与这个特性契合了，但大多时候在项目中我们不需要这个特性。 #解决方式需要在使用vue-draggable的vue页面的中禁止这个功能， /* 阻止浏览器在 vue-dra 阅读全文

posted @ 2022-12-06 16:39 马永猛阅读(552) 评论(0) 推荐(0) 编辑

Vue 结合Sortablejs实现table行排序

摘要：#场景在一个列表展示页面上，使用了表格组件，原有组件本身不支持拖拽功能，需求要求在列表的基础上支持行拖拽排序。因此引入了Sortablejs插件。 #问题及解决方案引入Sortablejs后刚开始都很顺利，效果的拖拽基本功能效果已实现。代码如下 const tbody = this.$refs. 阅读全文

posted @ 2022-10-26 11:21 马永猛阅读(1715) 评论(0) 推荐(0) 编辑

Vue自定义页面路由

摘要：错误1：webpackEmptyContext (eval at ./src/store/modules sync recursive (0.js:10), <anonymous>:2:10) 路由信息由后端给出，那么前端需要动态加载路由，同时component的路径也是后端给出，但是动态加载该路径阅读全文

posted @ 2021-02-02 17:46 马永猛阅读(1177) 评论(0) 推荐(0) 编辑

VUE组件使用

摘要：vue组件使用分三步： 1. 引用组件 import facePop from './components/facePop' 2. 注册组件 components = { facePop } 3. 使用组件 <facePop></facePop> 新建一个components文件夹存放组件 src/ 阅读全文

posted @ 2021-01-08 16:37 马永猛阅读(202) 评论(0) 推荐(0) 编辑