报错：cannot set properties of null(setting '_draggable_context'),这个报错是因为vue-draggable组件库本身的错误。解决方案：不能写tag="transition-group"这个属性 版权声明：本文为weixin_51780751原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：htt…
✨在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 、 export default{} 搞得晕头转向。本文对常见用法汇总区分 new Vue() 💦 Vue() 就是一个构造函数， new Vue() 是创建一个 vue 实例。该实例是一个对象，可以包含数据data、模板template、挂载元素components、方法methods、co…
一个系统有多个角色，不同角色登录后应该有不同的路由表，保证用户乱输url不会访问到正确的地址，而是跳转到404页面。这里用token进行鉴权主要是防止csrf攻击。 1、csrf攻击 跨站脚本伪造，就是在登录安全网站之后诱导用户点击危险网站，那么危险网站就可以得到用户的cookie从而冒充用户身份对安全网站进行访问和一些违法操作。 那么关键点就在于： 登录受信任站点 A，并在本地生成cookie；…
在开发vue单页应用时，遇到一个问题： 在history模式下，开发环境各页面访问正常，但是在生产环境（nodejs/Express服务器），只能访问首页，其他使用vue-router跳转的页面全部是404。而在hash模式下开发环境和生产环境路由跳转均无问题。 后来详细查看vue-router文档中关于 history部分 ，提到中间件： connect-history-api-fallback…
效果图 注：option的样式不能用CSS修改，可以换成ul li <select @change="handleProvinceChange"> <option value="">请选择 — 省</option> <option v-for="(info,provinceName) in provinces" :value="`${info.code}:…
搭建项目 vue-cli3.0 以后项目创建的命令变成了下面这样 vue create //文件名 不支持驼峰（含大写字母） default 是使用默认配置，Manually select features 是自定义配置。 自定义选择的配置：Choose Vue version Babel，Router，Vuex，CSS pre-processors，Linter 选择版本 3.x 选择是否使用路…
编者按：本文作者高峰，360奇舞团前端工程师，W3C性能工作组/WOT工作组成员。 本文阅读时间约为 16 分钟，其中有一段苦涩的代码，如懒得看的话，可直接跳至最后一部分查收总结。 最近遇到这样一个需求，需要在抽象出来的组件上绑定用户传入的事件及其处理函数，并且事件名、数量不定，也就是 动态绑定多个事件 。印象中，文档中没有提到过类似的用法。所以 Google 一下。 然后就遇到了下面这样一个可爱…
可以通过事件，把item和index传给函数，这样就能获取到idenx了，这样做的好处是我们定位一个数组元素的时候重名的时候用indexof就会获取到并不一定是我们想要的，来看element官网的一个实例 这是一个动态的可以关掉的标签，如果再添加一个标签一，如图： 如果把红色框框内的“标签一”关掉，最后我们想要的结果是：标签一，标签二，标签三 然而事实上的结果是：标签二，标签三，标签一 这是因为官…
文档内容的显示： 在上一次 Spring Boot + Vue3前后端分离实战wiki知识库系统＜十＞--文档管理功能开发二 文档管理模块还差文档的显示木有完成，所以接下来先将这块模块给收尾了。 增加单独获取内容的接口： 概述： 在前端页面文档查询时，只查询了文档的基本信息，其中文档的富文本内容是木有带出来的： 当然也不可能在列表中把富文本的内容给查出来，因为这是大文本，在列表中带出它来会占用我们…
vue为单页面前端框架，清理缓存，常规的方式是添加html头部meta，如果逻辑里面是需要使用缓存的，这种方式不建议使用，代码片段如下： ...... 第二种方式就是在文件名后添加随机数，可以在路由里面进行设置，但如果路由是需要带参数的，会有影响 const routes = [ { path: ‘/‘, redirect: ‘/userInfo‘}, { path: ‘/home‘,compon…