- 博客(20)
- 收藏
- 关注
原创 ant-desgin-vue a-tree选中子节点父级节点全选中
需求:在配置权限时,点击关联的父节点都有勾选,不能为半选;点击父级,所有子集能选上,也能反选。找到节点所有关联父级,所有子集。
2023-08-16 11:47:59
2511
7
原创 HTTP Basic: Access denied 错误
git clone 报 HTTP Basic: Access denied 错误。原因:本地git配置的用户名、密码与gitlabs上注册的用户名、密码不一致。
2022-11-22 16:37:05
820
1
原创 数组转树结构
toTree (arr) { let tree = [] const map = {} for (let item of arr) { // 一个新的带children的结构 let newItem = map[item.id] = { id:item.id, parentId:item.parentId, title:item.titl...
2022-04-12 11:58:52
240
原创 【VSCode中powershell无法运行cnpm, vue等命令】
报错如下1、以管理员方式运行powershell窗口输入set-ExecutionPolicy RemoteSigned 回车执行 输入 Y2、右键vscode属性,勾选以管理员运行此程序
2022-02-09 15:31:53
751
原创 开始时间小于等于结束时间
//、HTMLel-col(:span='6') el-form-item(label="计划开始时间:", prop="startTime") el-date-picker(type="date" value-format="yyyy-MM-dd" :picker-options="pickerOptionsStart" placeholder="选择开始时间" v-model="dataForm.startTime" style="width: 100%;")el-col(:span='6')
2021-07-01 10:33:29
303
原创 vue项目第一次加载很慢
VUE项目打包后chunk文件较大,第一次加载比较慢,一、安装插件,指定5.0.1版本号,安装最新的导致不能打包cnpm i compression-webpack-plugin@5.0.1 -S二、在vue.config.js文件引入const webpack = require('webpack')const CompressionWebpackPlugin = require('compression-webpack-plugin')const productionGzipExtensi
2021-07-01 09:35:18
525
原创 过滤HTML标签,校验ueditor富文本中字符长度
过滤HTML标签,校验ueditor富文本中字符长度vue+element中使用了ueditor富文本编辑器,它在计算字符长度时,是不包含HTML标签的所以会和form表单的rules校验规则冲突,在定义字符长度时,rules的校验规则是包含隐式的html标签的例如:rules规则字符限制300长度在富文本编辑器中输入300个字符,实际长度包含了HTML标签所以无法通过校验,怎么办呢?可以自定义校验规则,过滤掉HTML标签,校验实际字符的长度 messageContent:
2021-06-18 11:33:53
1126
原创 Vue使用ECharts
1、安装npm install echarts -S2、在main.js文件中引入import echarts from 'echarts'Vue.use(echarts)// 挂载全局Vue.prototype.$echarts = echarts3、页面中//html<div id='demo' :style="{ width: '450px', height: '300px' }"></div>//mountedmounted(){ this.i
2021-03-08 16:33:07
335
原创 Vue在public文件夹下配置全局变量时,刷新页面失效
在public文件下定义全局变量, 在接口服务中使用 npm run build 后生成的dist包, 可以直接对config.js文件修改部署不同的环境 ,避免多次打包1、在public文件夹下 配置全局 config.js 文件文件内容如下:var CONFIG = {}CONFIG.name = 'Jack'2、在 同级 index.html文件 引入<script src="./config.js"></script>3、在页面上使用let name =
2021-03-08 15:51:52
2503
1
原创 v-slot的使用
// v-slot的具名插槽<div class="child4"> <slot name="top"></slot></div><child4 v-slot:top> <div>top</div></child4>// v-slot的匿名插槽<div class="child5"> <slot></slot></div&g
2021-02-26 14:40:52
318
原创 vue配置 proxy代理
在 项目的 vue.config.js 中 //vue-cli3.0 里面的 vue.config.js做配置 devServer: { publicPath: baseUrl, // 和 baseUrl 保持一致 port: 3000, disableHostCheck: true, proxy: { '/api': { target: 'http://192.168.1.111:8046', changeOrigin:
2021-01-21 17:41:20
205
原创 vue项目配置.env全局变量 开发环境和生产环境
.env文件.env.development.env.production在 package.json 文件中 添加红框代码配置好后 执行命令 npm run dev 就会加载 .env.development 文件打印process.env (全局变量) : console.log(process.env)
2021-01-21 15:39:35
648
1
原创 vue项目在生产环境去掉console.log()
1、安装依赖npm i -S babel-plugin-transform-remove-console2、配置在babel.config.js文件中添加代码代码如下:const proPlugins = [];// 如果是生产环境,则使用去掉console的插件if (process.env.NODE_ENV === 'production') { proPlugins.push('transform-remove-console');}module.exports = {
2021-01-21 13:39:04
1301
1
原创 nrm管理npm源
一:全局安装nrmnpm install -g nrm二:查看nrm命令帮助文档nrm -h常用命令命令功能nrm ls查看已有的源nrm add <源名称> <源地址>新增源nrm use切换源
2020-12-23 11:29:36
89
原创 nvm安装使用
nvm安装使用nvm可以做Node版本的管理首先卸载本地的node下载nvm 安装包选择nvm安装位置,看自己决定安装的多版本Node放在哪里,也看个人喜好,可以修改安装好之后,环境变量会自动设置好在你的nvm安装路径下打开cmd或者git bash 输入nvm -v 查看版本,判断是否安装成功命令 功能nvm -v //查看nvm版本,判断是否安装成功nvm ls available //获取可获取的Node版本nvm install 12.14.1
2020-12-23 10:46:41
152
原创 provide/inject
vue中使用provide/inject进行数据传递provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中;这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。provide 选项应该是一个对象或返回一个对象的函数在父组件中与data函数同级 provide(){ return { provideData:this.provideDa
2020-12-21 11:47:06
154
原创 element 校验非必填范围内的正整数
orderNum: [ { message: '请输入正整数', trigger: 'change' }, { validator(rule,value,callback){ if(value!=''){ if(Number.isInteger(Number(value)) && Number(value) <...
2020-11-20 17:22:29
263
原创 360安全浏览器极速模式对rem失效
360安全浏览器极速模式对rem失效360浏览器最小字体默认跟ie和chrme不统一由于我的rem:px换算率较小 10:1 导致在360浏览器极速模式下字体大小生效,块级盒子元素大小是不变化遇到此问题把比例设置大点即可...
2020-11-18 13:52:49
719
原创 Vue 禁用浏览器后退操作
Vue 禁用浏览器的前进后退操作一、main.js中,增加popstate监听window.addEventListener('popstate', function() { history.pushState(null, null, document.URL)})二、router的index.js中:const router = new Router({ mode: 'hash', routes, scrollBehavior: () => { history.pushSta
2020-11-04 18:28:55
694
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人