el-form 表单组件封装
缘由公司后台管理表单页过多，且大部分都是普通 input select 框，重复度过高，为了避免无用劳动则对 form 进行封装 BasicForm组件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465...
el-form 表单校验规则封装
前言el-form 表单验证如果字段过多则需要写很多重复的语句显得非常冗余，如采用封装则只需对外暴露 vxRule() 方法即可，大大提高了开发效率，该工具类验证规则是可以自行拓展的，满足大部分开发需求 封装前：12345678910111213141516171819202122232425262728form_rules: { categoryId: [ { ...
在 vue 项目中使用 iconSvg
以前我的项目 Icon 都是使用 iconfont 来下载 SVG，然后在项目中使用这些 SVG 12345<img :scr=svgLogo />...<script>import svgLogo from '@/assets/svg/handsome.svg'</script> 代码现场手打，复制绝对报错。你想想每使用一个 svg...
我的青春恋爱物语果然有问题14卷 大老师/雪之下虫乃告白片段翻译
关于 雪之下虫乃第一卷雪乃：“总会有喜欢比企谷君的昆虫出现吧”第十四卷雪乃：“我喜欢你哟，比企谷君～”第三卷大老师：“我就是死也不会跟这家伙交往的”第十四卷大老师：“她真的好可爱啊啊啊” 重重叹了口气后，我冲走在半个身位之前的雪之下搭话。“……对不起，把你卷进来了。”“……这也没办法不是吗。”挤出模棱两可的回应后，雪之下并没有把脸转向这边，而是用低沉的语调冷淡地继续了下去。“那种情况不可...
鼠标拾取x y坐标绘制线功能记录
项目需求最近项目上有个需求是点击弹窗显示一张地图（图片），用户可以在地图上点击拾取当前坐标的 x y 并绘制成线，以达到在地图上做标注的功能，直接使用地图框架显得太重，于是要求手写一个 svg 画线功能，并将点击的 x y 坐标提交到后台用以回显 开始好在百度了一篇有个画线功能的 demo ,不过这个 demo 是 js 写的，还要改成 Vue 写法 第一版完全按照 demo 逻辑书写的，...
vue 路由配置（导航守卫 + 白名单）
Vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，...
本机模拟前后端分离部署
后端接口代码打包 maven clean maven compile maven package 打包完成后将 target 下的 war 包或者 edts 文件包放在 tomcat webapps 下或者任意目录下 编辑 tomcat 的 server.xml文件 元素-属性 解释 host (表示一个虚拟主机) name 指定主机名 appBase 应用程序基本目录，...
vue 非父子间传值：事件总线（$eventBus）
事件总线 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的 Vuex 作为状态管理中心，将通知的概念上升到共享状态层次。 12345678910111213141...
vscode for vue 配置 eslint + prettier + stylelint
简介ESLint ESLint 由 Nicholas C. Zakas (《JavaScript 高级程序设计》作者) 于2013年6月创建，它的出现因为 Zakas 想使用 JSHint 添加一条自定义的规则，但是发现 JSHint 不支持，于是自己开发了一个。 ESLint 号称下一代的 JS Linter 工具，它的灵感来源于 PHP Linter，将源代码解析成 AST，然后检测 ...
el-table 中使用 switch 开关
需求说明 是根据后台返回 0(停用) 和 1(启用) 动态显示开关 对开关进行操作时请求后台，需要传两个参数：id，status 启用时传 1 停用时传 0 并携带 id ,当主机下面包含通道是则不能改变状态，并根据给出提示 套用1234567891011121314151617<el-table-column prop="status" label=&...