vue
里戈嘚嘚
这个作者很懒,什么都没留下…
展开
-
HTTP Basic: Access denied 错误
git clone 报 HTTP Basic: Access denied 错误。原因:本地git配置的用户名、密码与gitlabs上注册的用户名、密码不一致。原创 2022-11-22 16:37:05 · 887 阅读 · 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 · 252 阅读 · 0 评论 -
【VSCode中powershell无法运行cnpm, vue等命令】
报错如下1、以管理员方式运行powershell窗口输入set-ExecutionPolicy RemoteSigned 回车执行 输入 Y2、右键vscode属性,勾选以管理员运行此程序原创 2022-02-09 15:31:53 · 763 阅读 · 0 评论 -
开始时间小于等于结束时间
//、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 · 314 阅读 · 0 评论 -
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 · 554 阅读 · 0 评论 -
过滤HTML标签,校验ueditor富文本中字符长度
过滤HTML标签,校验ueditor富文本中字符长度vue+element中使用了ueditor富文本编辑器,它在计算字符长度时,是不包含HTML标签的所以会和form表单的rules校验规则冲突,在定义字符长度时,rules的校验规则是包含隐式的html标签的例如:rules规则字符限制300长度在富文本编辑器中输入300个字符,实际长度包含了HTML标签所以无法通过校验,怎么办呢?可以自定义校验规则,过滤掉HTML标签,校验实际字符的长度 messageContent:原创 2021-06-18 11:33:53 · 1164 阅读 · 0 评论 -
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 · 352 阅读 · 0 评论 -
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 · 2554 阅读 · 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 · 337 阅读 · 0 评论 -
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 · 222 阅读 · 0 评论 -
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 · 664 阅读 · 1 评论 -
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 · 713 阅读 · 0 评论 -
provide/inject
vue中使用provide/inject进行数据传递provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中;这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。provide 选项应该是一个对象或返回一个对象的函数在父组件中与data函数同级 provide(){ return { provideData:this.provideDa原创 2020-12-21 11:47:06 · 173 阅读 · 0 评论 -
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 · 1327 阅读 · 1 评论