- 博客(13)
- 收藏
- 关注
RSS订阅原创 解决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
3952
1
原创 /deep/ 深度选择器
/deep/ 深度选择器的使用场景：vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时可通过/deep/操作符 穿透scoped，修改第三方组件的样式。使用方法：组件中的className{ /deep/ 第三方组件的className { 样式 }}...
2019-08-15 09:50:12
748
原创 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
2222
原创 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
977
原创 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
4127
原创 js去除字符串中的所有空格
js去除字符串中的所有空格var a = "a,b, c , d";a = a.replace(/\s/g, "");控制台效果：
2019-05-29 15:31:55
953
原创 Vue中的插槽 — 具名插槽、作用域插槽
1、Vue中插槽的作用和使用方法定义一个名cmpOne子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的标签中<cmp-one></cmp-one>里定义的内容不会被渲染，如下例：<div id="app"> <cmp-one> <span>使用插槽后渲染的内容</span>...
2019-05-17 15:41:29
5100
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
241
原创 模拟select下拉框实现hover效果（下拉框select内置样式无法更改的解决办法）
基本的select标签下拉框，采用浏览器内置样式，不能更改，极其影响用户体验。想要改变样式，一般会通过ul-li模拟下拉框。html代码：<ul id="select"> <li> <div class="select-head"> <span class="select-head-cont">&l...
2019-04-24 17:03:47
5081
原创 vue项目中：‘vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件的报错
运行vue项目，发现报错‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件如图所示：解决办法：将项目里的“node_modules”文件夹删除，然后重新运行npm install如果安装了淘宝镜像，可以运行cnpm install...
2019-04-04 14:14:51
66283
13
原创 element-ui版本更新兼容问题
element-ui版 file.url小白采坑今天修复了一个上传组件上传图片时的bug，之前这个问题是不存在的，但是今天使用时发现不能上传图片了，我看了一下调试窗口，报错：url不存在？我把file打印出来，如下图：通过调试窗口打印的file可以看出确实没有url属性，在element-ui在线运行调试发现是有url属性的，所以可能是element-ui版本更新问题，修改方法如下：win...
2019-03-19 13:42:52
7681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人