随笔分类 - vue
摘要：不处理也没啥问题，就是一个警告。项目可以正常访问的 我这里使用yarn 初始的项目 删除 yarn.lock 文件的全部能容 然后执行 yarn install 即可解决 重新启动项目 就没有警告了
阅读全文
摘要：el-scrollbar 滚动组件带滚动条 /* 隐藏 el-scrollbar 难看的横向滚动条 这里需要在全局设置 添加scope无效 */ .el-scrollbar__wrap { overflow-x: hidden; }
阅读全文
摘要：beforeRouteEnter 中不能在beforeRouteEnter使用this获取到vue对象 只能通过间接方法 beforeRouteEnter(to, from, next){ next(vm => { // 这个vm就是当前的vue对象 }); } 想要通过vue对象的某些字段阻止路由
阅读全文
摘要：在路由的js中添加 import VueRouter from "vue-router"; // 处理路由重复点击出错问题const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(lo
阅读全文
摘要：使用的vue-loader 版本过高（16.x） 降级为15.x 版本即可
阅读全文
摘要：安装插件 yarn add @vue/babel-plugin-transform-vue-jsx -D 前提 已经配置了babel-loader 在babel的plugins中配置中增加 presets: [ "@babel/preset-env" ], plugins:[ .... "@vue/
阅读全文
摘要：webopack 5 直接配置默认资源处理器即可 type: 'asset/resource'webpack5之前只能使用 loader处理 { test: /\.(jpg|png|jpeg|gif|svg)$/i, // type: 'asset/resource' use: [ { loader
阅读全文
摘要：v-for 上使用 ref 注意使用this.$refs.xx 获取到的是数组 即便是生成后元素的ref没有重复 v-for 上使用ref 没有必要绑定不同的ref 根据索引就能找到相应的元素 我们可以在v-for外部包裹 一层div 比如设置ref=aa 获取内部的子元素可以使用 this.$re
阅读全文
摘要：<template> <div class="wrapper"> <div class="demo1"> <span class="item" v-for="i in 6" @click="testClick(this)">测试{{i}}</span> </div> <div class="demo
阅读全文
摘要：vue-router 3.0.x及以下 使用以下方式进行处理 <router-link to="/test" tag="el-button" >测试1</router-link> vue 3.x 对应 vue-router 4.x 版本tag已经无效了 <router-link to="/test"
阅读全文
摘要：1、安装npm install -g @vue/cli @vue/cli-init @vue/cli-init 应该就是为了可以创建vue-cli2项目 @vue/cli-init 没有安装的话 下面的指令无法执行 2、执行命令创建项目 vue init simulatedgreg/electron
阅读全文
摘要：html 和 javascript 设置如下图 vue cli使用的eslint standard 规则 或者直接使用eslint规则 右击.ellintrc.js 选择 Apply ESLint Code Style Rules 使用eslint的规则 但是我不太喜欢用eslint的规则格式化代码
阅读全文
摘要：我们要使用静态资源可以放到src同级目录的static目录中 在vue src href 中使用（但是不知什么原因，生产环境下找不到资源 使用 static/资源路径 开发模式下会出错） <img src="/static/资源路径" /> 在js中使用 （建议使用js方式使用） path.join
阅读全文
摘要：我这里把dialog放到一个页面中 通过路由跳转到该页面展示dialog 该dialog为页面的子路由 直接就默认把dialog 的visible 的变量定义为true 路由到这个页面就展示dialog 在dialog before-close 函数 使用this.$router.back() 返回
阅读全文
摘要：子组件需要定义 validate方法 这个名字可以随意，建议form组件验证名字一致validate 这样使用时，我们自己定义的组件验证方法也和form组件验证方法一致，使用起来也更方便 说白了就是子组件内部提供一个验证方法 ，父组件验证子组件的表单就是调用子组件的验证方法 methods: { v
阅读全文
摘要：function resolve(dir) { return path.join(__dirname, dir) } module.exports = { resolve: { alias: { '@': resolve('src') //这里配置别名只是为了智能提示 还需要在vue.config.
阅读全文
摘要：出现改问题是于javascript 整数范围问题 java中Long类型 -2的63次方 - 2的63次方减去1 但是javascript整数范围确没有那么大，导致Long数字过大前端精度丢失 也是使用json-bigint 插件解决 安装 yarn add json-bigint 或者 npm i
阅读全文
摘要：vue 3.x只能使用element-plus vue2.x使用element-ui 具体使用步骤可以参考element官网 https://element.eleme.cn/#/zh-CN https://element-plus.gitee.io/#/zh-CN vue 2.x vue add
阅读全文
摘要：`npx vue-cli-service inspect` 查看webpack.config.js配置文件 `npx vue-cli-service inspect --mode development >> webpack.config.dev.js` 把开发环境的配置输出到webpack.con
阅读全文
摘要：在web.config.js中设置 configureWebpack: (config) => { if (process.env.NODE_ENV "production") { // 生产环境下 禁止日志输出,删除注释 // 2022-02-12 11:27 // config.optimiza
阅读全文
