TE杨

问题：在vue项目中使用element-plus的弹窗组件不生效原因：我引入element-plus是按照官网的方式配置的自动按需引入，但是这种方式遇到弹窗组件是不生效的，目前官方还没有解决这个问题解决方案：全局引入element-plus的样式import 'element-plus/dist/index.css'引入你所需的组件，例如我用的loading组件import { ElLoading } from 'element-plus'...

一、引入element-plus//三种引入方式# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus二、安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-import三、We

vue3中使用less，报错了原因，vue3与less高版本不兼容解决方法，锁定less版本"less": "^3.13.1", "less-loader": "^5.0.0"

摘抄自微信，怕删除，记录一下记录了我在组内的技术分享, 有同样需求的同学可以参考一下分享全程下来时间大约1小时一. 版本这里列出的并不全, 但是够用了1. alpha 内测版本2. beta 公测版本3. Gamma 正式发布的候选版本4. Final 正式版5. plus 增强版6. full 完全版 7. Trial 试用版（一般有时间或者功能限制）二. 介绍1. 学一门新鲜的技术,就像练习王者荣耀新出的英雄一样, 探索他的好玩之处可以给开发者带来快乐, 使用新的好的技

关于混入（mixin）,vue官方是这么解释的：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。刚开始理解可能不太好理解，也就是这么个意思，你可以在混入中定义任何的生命周期，方法，data值，然后把混入引入你想要引入的页面或者组件中，亦或者全局引入，混入中定义的方法、值就是该组件本身的方法，值，所以全局引入的话要慎用。export const mixin={

问题： 刚学习vue的人可能会遇到这样一种情况，那就是当我们把属性在data中定义，接口异步请求到数据，并且把值赋值到我们在data中定义的值上，但是dom却没有更新，这时候我们可能就在想，为什么了？是不是vue有问题啊，妈的，vue有毛病吧。<div id="app"> <h2>{{data.value}}</h2></div> data: { data: {} }, created() { this.$axios.g

当数组中的数据发生变化时: React 比较更新前后的元素 key 值，如果相同则更新，如果不同则销毁之前的，重新创建一个元素。当以数组的下标index作为key值时，其中一个元素发生了变化 就有可能导致所有元素的key值发生改变 。所以，index作为key值和没加index是一样的，并不能提升性能。...

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等activated，deactivated 这两个生命周期函数一定是要在使用了 keep-alive 组件后才会有的，否则则不存在。当引入 keep-alive 的时候，页面第一次进入钩子的触发顺序

1、JSON转译//传参this.$router.push({name:'Wapsort',query:{classification: JSON.stringify(item)}},() => {},err => {});//接收JSON.parse(this.$route.query.classification)

问题:在写项目的时候，使用params路由传参，刷新页面，结果参数报错消失。原因：使用params传参的时候，当你跳转到子页面，如果你刷新页面，代表就不是从父级页面跳转过来的，参数当然会消失。问题解决：1、使用query传参数，因为query是在链接之中携带的参数，相当于get请求，你即便刷新，链接也依旧携带了参数。2、存储于vuex之中，不过一般数据量不是太大，或者不是垮多个页面，亦或者其他方面的特殊需求，不建议使用。3、使用sessionStorage、localStorage,不建议使用

this.$nextTick将回调延迟到下一次DOM更新渲染之后执行，在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。官方解释：https://cn.vuejs.org/v2/api/#vm-nextTick...

问题描述:因为后端传给我们得数据是一些键，所以我们必须对数据进行处理，又因为这个数据是供多个页面去使用得，所以使用了vuex中得getter去更新数据存储起来，供全局使用。项目第一次启动得时候，我是在生命周期created中去使用数据得，结果报错，打印结果为空。问题原因:因为获取到getter值的时候，生命周期created已经渲染完成。解决方法：使用watch去监听数据的变更，当数据变更过后，再去执行接下来的操作。watch: { data: function(val, oldVa

一、state//State 提供唯一的公共数据源，所有共享的数据都要统一放到 Store 的 State 中进行存储。// 创建store数据源，提供唯一公共数据 /* const store = new Vuex.Store({ state: { count: 0 } }) *///组件访问 State 中数据的第一种方式：// this.$store.state.全局数据名称//组件访问 State 中数据的第二种方式： // 1. 从 vuex 中按需导入 mapSt

因为页面通过调用document addEventL istener来添加一个mousewheel事件的监听器handler ,并通过设置passive属性的值为true来声明监听器handler是被动监听mousewheel事件,即handler内部不会调用事件的preventDefault函数。解决方法：在css文件中添加* { touch-action: none; }...

css中使用使用 >>> 操作符:less或者sass是不支持>>> 操作符的，可以使用/deep/或::v-deep

当我们点击页面通过路由跳转到另一个页面的时候，这样的动画形式未免单调，我们会想要去加一个过度，这时就可以使用vue路由的过渡动画了了。但是注意，这里面有一个坑，那就是当我们使用苹果手机右划的时候，因为苹果右滑是退出，这样就会产生冲突，为了避免冲突，我们可以选择不用，我们在将要进入的组件的根目录定义一个样式。...

在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。我今天是为了解决跨域问题，配置了反向代理，代码如下：export default { devServer: { proxy: { '/api': { ...

Error: Child compilation failed: Module build failed: Error: ENOENT: no such file or directory,Error: ENOENT: no such file or directory, open出现这样的错误怎么办。不用慌，只是编译错误，卸载了重新装一次。...

element新版本级联选择器下拉框估计忘设高度了吧，当循环数据过多时，下拉框很长。解决方法：在全局样式中设置.el-cascader-menu { height: 300px;}

把ref绑定在组件或dom元素上，通过$ref来获取元素和组件的一些属性，然后设置

答案在https://blog.youkuaiyun.com/wron_path/article/details/104655844往下找

总是报 Expected indentation of 2 spaces but found 4错误，很烦，在百度上查了一下，有很多的教程，但无一例外，全都是错的，不管用。对的，你没听错，全都是错的。于是研究了官网老久。下面给出我的解决方案：这个问题的原因在于eslint的风格样式缩进检测，eslint给出的规则是2个缩进，但我们通常是4个缩进，这就造成了报错。至于怎么解决呢？很简单。在e...

首先，既然要使用字体图标，我们先引入element的组件，以带icon的输入框为例：以阿里云矢量图标库为例，我们去阿里云的矢量图标库下载字体图标到本地（这个教程为本地示范，其实大差不差）：下载之后会生成一个压缩包，解压，点击demo.index，里面有使用教程：里面介绍了三种引入的方式，本文以font-class引用为例：1、把解压好后的字体图标库文件丢进assets静态资源目录...

当我们创建vue项目的时候，我们往往会选择linter/Formatter，eslint-config-standard,下面我放张vue图形化配置界面但这往往是进坑的开始特别注意一下这里的插件： "standard"插件代表的是eslint的standard插件都要安装，用Vue ui初始化选择了standard安装的话（也只会安装eslint-config-standard）,参考一下...

写vue，报了一个Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.大致意思就是组件模板应该只有一个根元素,所以报错。所以，在vue模板的使用之中，应该只有一个根元...

今天在vue中安装bootstrap的时候出现了问题，记录一下。根据官网教程，在vue中安装bootstrap，必须首先安装jquery，因为bootstrap是基于jquery所写的。我安装的时候，因为没有找到bootstrap文件，所以安装了两遍，第二遍的时候，突然出现了it does not contain a package.json file的问题，百度了以下，没有找到解决方式，于是自...