vue
关注
分享
扫一扫
萌萌小圆子
这个作者很懒，什么都没留下…
展开
-
解决Error: TypeError: Cannot read property ‘javascript‘ of undefined
在vue.config.js文件里引入的terser-webpack-plugin插件const TerserPlugin = require('terser-webpack-plugin');module.exports = { configureWebpack: (config) => { config.optimization.minimize = true; config.plugins.push( new TerserPlugin({ t原创 2021-05-12 14:50:45 · 4530 阅读 · 1 评论 -
/deep/ 深度选择器
/deep/ 深度选择器的使用场景：vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时可通过/deep/操作符 穿透scoped，修改第三方组件的样式。使用方法：组件中的className{ /deep/ 第三方组件的className { 样式 }}...原创 2019-08-15 09:50:12 · 802 阅读 · 0 评论 -
axios 设置超时时间 — timeout
全局设置网络超时时间axios.defaults.timeout = 30 * 1000;原创 2019-08-14 11:03:09 · 2884 阅读 · 0 评论 -
vue中，序列化字符串、处理发送请求的参数工具 — qs库的使用
npm地址https://www.npmjs.com/package/qs功能：qs.parse(url) 将url中的参数转为对象qs.stringify(a) 将对象转为url参数形式案例：import qs from 'qs';// 转为对象const url = 'method=query_sql_dataset_data&projectId=85&...原创 2019-08-14 10:00:16 · 2269 阅读 · 0 评论 -
vue无限滚动加载插件 —— vue-infinite-scroll的使用
gitHub官网：https://github.com/ElemeFE/vue-infinite-scroll安装：npm install vue-infinite-scroll --save使用：main.js中引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)使用案例：<di...原创 2019-08-13 16:18:37 · 1050 阅读 · 0 评论 -
vue-cli3移动端自适应配置 Vant组件库
Vant：轻量、可靠的移动端 Vue 组件库 （推荐使用）通过vue-cli搭建完项目后开始进行vant配置第一步：安装vantnpm i vant -Syarn add vant第二步：引入组件 （推荐自动按需引入组件）① 安装插件npm i babel-plugin-import -D②在babel.config.js中进行配置插件：module.exports = {...原创 2019-07-01 15:27:15 · 4196 阅读 · 0 评论 -
Vue中的插槽 — 具名插槽、作用域插槽
1、Vue中插槽的作用和使用方法定义一个名cmpOne子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的标签中<cmp-one></cmp-one>里定义的内容不会被渲染，如下例：<div id="app"> <cmp-one> <span>使用插槽后渲染的内容</span>...原创 2019-05-17 15:41:29 · 5141 阅读 · 1 评论 -
vue组件基础详解 — 全局组件、局部组件
vue组件有两种，一种是全局组件，一种是局部组件。下面是关于两种组件的代码详解：全局组件：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i...原创 2019-05-17 11:21:54 · 296 阅读 · 0 评论 -
vue项目中：‘vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件的报错
运行vue项目，发现报错‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件如图所示：解决办法：将项目里的“node_modules”文件夹删除，然后重新运行npm install如果安装了淘宝镜像，可以运行cnpm install...原创 2019-04-04 14:14:51 · 66529 阅读 · 13 评论