vue

vue 知识点

先不发表东西,占个位置...
代码星球·2020-04-05

vue项目在git commit时,使用eslint检测

 用vue-cli3创建新项目可以自定义配置,选择eslint,所以eslint不需要配置,项目根目录下面生成一个.eslintrc.js文件,里面可以自定义配置eslint规则 现在在开发的时候,只要不符合esLint的规范就会报错,编译不了,现在我们先让它还是报错,但是能够编译,报错只在命令行看...

vue 中 px转vw的用法

下面介绍最简单的用法1下载依赖npminstallpostcss-importpostcss-loaderpostcss-px-to-viewport--save-dev2在项目根目录下新建postcss.config.js,配置如下module.exports={plugins:{"autoprefixer":{pa...
代码星球·2020-04-05

vue-cli3配置webpack-bundle-analyzer插件

为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件,找出最占用空间的插件有哪些,对应做出优化网上看了一些网站,有的写的太麻烦了,现将最简单的一种写出来供大家参考安装: npminstallwebpack-bundle-analyzer--save-dev &nbs...

vue 无限滚动问题

如今web开发中,无限加载是必需的一项功能,尤其是在移动端开发中,一个列表往往默认只加载10条,想看更多只能逐渐往下翻页。那么今天就看看如何在Vue-Cli中实现这个功能。当前找到两个插件1element-ui的infiniteScroll无限滚动(适合vue2,vue3)  infiniteScroll是2.9.0版...
代码星球·2020-04-05

vue-cli3按需引入element

这里只介绍一点最简单的用法...

vue2y引入iview,在ie11报错的解决办法

  在ie11中打开vue项目一片空白,F12打开控制台发现如下错误只需要在build/webpack.base.conf.js中加一行代码即可 ...

Vue结合后台导入导出Excel问题详解后续

接前几天写的一篇博客  https://www.cnblogs.com/ttjm/p/11307462.html在ie浏览器测试发现打不开,经调查问题如下 1如果在本地开发调试,请求接口报错如下 经查是项目启动和接口地址不同源ie有所限制,只需npmrunbuild放到服务器上测...

vue中使用element组件时事件想要传递其他参数的问题

在使用element的上传组件时在一下几个钩子中传递其他参数图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数。比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的::on-success=”handleSuccess(i)”...

vue开发插件

1新建plugin.js,文件内容如下importname1from'./name1.vue'letMyPlugin={}MyPlugin.install=function(Vue,options){//1.添加全局方法或属性Vue.myGlobalMethod=function(){//逻辑...}//2.添加全局资...
代码星球·2020-04-05

Vue结合后台导入导出Excel问题详解

话不多说,直接上前端代码axios({method:'post',url:'http://localhost:19090/exportUser',//这个是请求的地址params:{//这个是请求的参数email:this.email,startRegisterDate:this.registerStartTime,e...

vue之$refs

敬请稍后...
代码星球·2020-04-05

vue 中使用sass实现主体换肤

有如下代码要实现换肤功能<template><divclass="app-root":class="themeClass"><divclass="app-container"><p>{{msg}}</p><selectv-model="theme">...

vue之$root,$parent

vue状态管理使用vuex,如果项目不大,逻辑不多,name我们没必要用vuex给项目增加难度,只需要用$root设置vue实例的data就行了,如下main.jsnewVue({data(){return{loading:true}},router,store,render:h=>h(App)}).$mount...
代码星球·2020-04-05

vue3+typescript引入外部文件

vue3+typescript中引入外部文件有几种方法(eg:引入echarts)第一种方法:1indext.html中用script引入<divid="app"></div><scriptsrc="https://cdn.bootcss.com/echarts/4.2.1-rc1/ech...