摘要:
1、创建自定义指令 directive/el-dragDialog/index.js import drag from './drag' const install = function(Vue) { Vue.directive('el-drag-dialog', drag) } if (windo 阅读全文
摘要:
第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。 第二种解决方法: 在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,内容 module.exports = { root: true, env: { node: true }, 'extends': [ 'plug 阅读全文
摘要:
1、Object.keys() / Object.values() const testObj = { name: '张三', age: '18', } Object.keys(testObj ).map(key => { console.log(testObj [key]) }) //Object 阅读全文
摘要:
实现效果:使用鼠标点击分割线拖动,可实现左右展示框宽度(也可修改为高度)的变化,如下图 1、封装组件 首先需要封装按钮点击的这条线,计算鼠标点击后滑动的距离: <template> <div ref="rightResize" class="right-resize"> <i ref="rightR 阅读全文
摘要:
/* * 年(Y) 可用1-4个占位符 * 月(m)、日(d)、小时(H)、分(M)、秒(S) 可用1-2个占位符 * 星期(W) 可用1-3个占位符 * 季度(q为阿拉伯数字,Q为中文数字)可用1或4个占位符 * * let date = new Date() * formatDate(date, 阅读全文
摘要:
1、watch监听 watch:{ '$store.state.orgid'(){ alert('orgid改变') } }, 阅读全文
摘要:
## 1、一般用法 **父组件:** ``` // 写法1 provide(){ // 使用函数的形式,可以访问到 `this` // 如果我们需要提供依赖当前组件实例的状态 (比如那些由 data() 定义的数据属性),那么可以以函数形式使用 provide // 然而,请注意这不会使注入保持响应 阅读全文
摘要:
在开发项目时引入过多的插件时,容易导致项目打包后chunk-vendors.js文件过大,导致浏览器加载慢的问题,目前有两种解决方式 ### 方式一: 由于:chunk-vendors文件过大、js没有压缩、服务器没有开启gzip 解决方式: 1、首先在build发布时候压缩js、css等资源文件 阅读全文
摘要:
vite项目的创建加快了打包和执行项目的速度,但是在创建项目的时候不像vue-cil那样方便的直接应用vue全家桶,创建vite项目后还需要单独引入相关的插件 1、vue3 + vite 2 2、TypeScript、TSX 3、ESLint Standard 4、Sass 5、Vue Router 阅读全文
摘要:
node的下载地址:node官网 1、下载的安装包点击安装,在安装过程中安装路径可以自己选择,其他的不用修改一直点击‘next’就可以 2、打开cmd输入node -v;出现版本号即安装成功 2.1、打开cmd升级npm npm install -g npm npm install -g cnpm 阅读全文