- 博客(14)
- 资源 (14)
- 收藏
- 关注
RSS订阅转载 css实现宽高比固定
在保持 item 元素宽高比恒定（如高是宽的 1.5 倍）的情况下，使得 item 元素可以和父元素同比缩放。我们知道，如果当 item 元素是图片，同时需要保持的宽高比恰好为图片本身的宽高比时，可以设置 item 的height为auto即可轻松实现这个需求。然而当 item 元素不是图片或者要保持的宽高比和图片本身的宽高比不同（图片规格不统一）时，item 出现凌乱的感觉这个需求显得...
2019-03-25 18:32:26
4721
原创 微信小程序 swiper 组件实现层叠轮播图，同时在轮播图中自定义信息
先上效果图：需求分析：这类轮播图宽度没有沾满屏幕宽度的 100% ，且上一张或下一张图片也显示在页面上。轮播图下方有相关商品描述信息，自定义轮播图选中指示点样式切换。在 swiper 中， 由于图片和描述信息放在 swiper-item 中，合在一起做 swiper-item 中轮播元素。HTML: <view class="banner-swiper"> ...
2019-03-24 18:46:55
3662
原创 input file 文件上传标签美化
input 标签通过设置 type 属性为 file，则可以选中文件，通过 accept 设置上传类型<label class="control-label file"> <input type="file" class="upload" @change="addImg" ref="inputer" multiple accept="image/png,image/jp...
2019-03-22 12:04:27
1265
转载 vue 动态获取浏览器内容高度并赋值给元素，并进行实时修改元素高度
在 vue 中，动态绑定 style 样式，可以使用：v-bind=: 或者 :style<template> <div class="hello"> <div :style="contentStyleObj"></div> </div></template>获取浏览器的高度：
2019-03-14 19:39:04
8422
转载 利用ES6中的 Set为数组去重
Set数据结构，它类似于数组，其成员的值都是唯一的。利用Array.from将Set结构转换成数组Set 去重案例：// 例1var set = new Set([1,2,2,3,4]) // {1,2,3,4}var newArr = Array.from(set) // 再把set转变成arrayconsole.log(newArr) // [1,2,3,4]相当于 va...
2019-03-05 17:22:30
327
转载 vue 视图不更新的几种解决办法
vue.js视图不更新的三种解决办法：1.Vue.set(vm.someObject, 'keyORindex', 2)2、this.$set(this.someObject,'keyORindex',2)3、// 代替 `Object.assign(this.someObject, { a: 1, b: 2 })this.someObject = Object.assign(...
2019-03-04 19:40:46
1704
原创 vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新
@click.native:事件后面要添加.native,不然添加的事件不起作用，具体原因应该是router-link为了阻止a标签的默认跳转事件<router-link to="/index" @click.native="flushCom">{{ projectInfo.name }}</router-link>router是路由实例,例如:var rout...
2019-03-04 19:38:01
3792
转载 element-ui 表单自动验证问题的解决
element-ui 中的 el-form 组件自带了验证功能，在开发中经常会遇到一些莫名其妙的问题，比如表单一出来就触发了验证等等。在项目中，需要弹出表单框并填入旧数据。然而，我只要拿到旧数据并赋值到表单上时，就会触发el-form的验证，非常恼人。顺着调用栈（下图）我们可以发现是el-form-item组件的一个叫onFieldChange的方法触发了validate。应该是我们每次给表单绑定...
2019-03-04 19:25:34
10576
5
转载 Unknown custom element did you register the component correctly
1、错误描述2、错误原因在main.js文件中，没有注册这个组件，导致出现了报错3、解决办法import uploader from 'vue-simple-uploader'
2019-03-04 17:47:53
6663
原创 vue+element-ui 关闭对话框清除验证和表单内容
在项目中遇到对话框关闭或者取消后，再次打开验证错误或者表单内容依然存在的效果，如下：1、首先在你的对话框 取消按钮 加一个click事件，<div slot="footer" class="dialog-footer"> <el-button @click="handleCancel('form')">取 消</el-button> &...
2019-03-04 17:41:53
13311
2
原创 element-ui 表单必填项和表单验证方式解析，以及表单验证规则
（一）表单必填项需求：表单里必填项需要有红色星号标识，当未填写时显示中文提示语思路：表单项里写required问题：当表单项的验证规则绑定为blur事件时，表单项内元素清空后，会提示“xx is required”，其中xx是绑定的prop值。解决办法：在表单项里模拟红色星号的样式，去掉required，写class=“is-required”,必填的限制在绑定的rules里写。（二...
2019-03-04 16:51:16
10023
6
转载 vue build打包时img、背景图、和外部字体库相关问题
一、关于npm run build 打包时img图片不加载的问题在config 文件夹下的 index.js中修改配置build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.res...
2019-03-04 14:33:13
867
转载 vue 封装的 echarts 组件被同一个页面多次调用，数据被覆盖问题解决办法。
子组件：<template> <div> <div id="myChart" :style="echartStyle"></div> </div></template>echarts init 选择 id选择器元素来初始化了this.charts = this.$ech
2019-03-04 11:54:17
6771
1
转载 vue 封装的 echarts 组件
在vue项目中使用echarts,步骤如下：（1）安装echarts依赖npm install echarts -S （2）引入echarts,可全局引入和按需引入全局引入：// 引入echarts --- 在 main.js 中import echarts from 'echarts'Vue.prototype.$echarts = echarts 在 echa...
2019-03-04 11:54:00
4155
echarts legend 排列问题
2020-05-14
echarts 路径图
2020-05-14
echarts 地图类型热力图
2020-05-14
echarts 柱状图渐变色背景
2020-05-14
echarts 设置地图外边框、地图背景渐变以及在地图上打点.js
2020-05-13
axios 常用配置以及请求方法封装
2019-10-13
基于 echarts 第三方库制作地图信息
2019-10-05
基于element-ui 使用 upload 预览图片 （含删除功能）
2019-08-23
vue 封装的 echarts 组件
2019-03-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人