- 博客(89)
- 资源 (6)
- 收藏
- 关注
原创 Vue时间轴 vue-light-timeline
轻量的vue时间轴组件installnpm install vue-light-timeline如果你使用的是yarnyarn add vue-light-timelineusageimport LightTimeline from 'vue-light-timeline';Vue.use(LightTimeline);<template> ...
2019-02-18 18:16:54 21321 11
原创 Vue 使用element-ui步骤条流程
负责项目所遇到的步骤条流程,给大家分享一下,效果如下注:vue2.0 项目该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element安装命令:npm install element-ui然后在main.js中引入:确保安装引用成功后,就可以开始写步骤条代码了页面代码如下:通过判断active的状态去切换所在步骤的内容js代码如下:prev为...
2018-08-20 15:46:51 36120 23
原创 Element Cascader 级联选择器清除上次的点击记录
问题:级联选择器点击但未选中时,再次点击触发打开时,还是上次点击的选项需求:再次点击展开时,不展示上次展开点击的记录解决方法: (一定要定义ref) <el-cascader ref="myCascader" size="medium" collapse-tags clearable :props="{ checkStrictly: true }" v-model="regionids" :options="regionList" />//主要是这个 cons..
2022-03-02 17:32:00 1400 1
原创 vue-element-template 动态路由
注:项目使用的是vue-element-template的模板改动文件:permission.js、store/modules/user.js、store/getters.js、router(文件夹)、layout/components/Sidebar/index.vuerouter.js :在路由表中删掉除基础页面外的其他页面配置,只保留登录、404页面(我把首页也删掉了,因为我的首页也要走权限,不走权限的话就保留在静态路由里在router文件夹下增加两个文件,...
2021-12-21 13:16:19 1306 1
原创 vue js 引入font.css报错
报错截图解决方法1. 将字体文件放在 static 下面2. 在 font.css 文件中用绝对路径引入字体3. 在 App.vue 中引入css(@import "assets/css/font.css")效果展示
2021-12-01 09:23:09 716
原创 vue使用天地图
国家地理信息公共服务平台 天地图1.引入 : 在 index.html 中引入(tk自己在官网上申请) <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk="></script>2.使用<div id="world-chart"></div>export default { data() { return ...
2021-11-16 10:53:16 1612
原创 Element文件上传 pdf 及预览
目标:vue+element 实现上传图片及pdf 和预览功能技术:vue、element、vue-pdf安装及引入://安装npm install--save vue-pdf//引入import pdf from 'vue-pdf'export default { components: { pdf }}页面代码:<template> <div> <el-upload accept=".pdf, .jpg, ....
2021-09-10 09:09:49 6720 5
原创 vue封装echarts图表数据无法渲染到页面
数据不渲染的原因子组件传过来的时候是配置项,父组件请求接口后改变数据的值,这时图表已生成,但数据不展示解决方法:需要一个监听机制告诉Echarts重新渲染数据 watch: { //观察option的变化 echarts_option: { handler(newVal, oldVal) {...
2021-09-09 17:05:53 711
原创 uni-app 输入框类型
文本输入框<input type="text" v-model="form.account" placeholder="请输入用户名"/>数字输入框<input type="digit" v-model="form.age" placeholder="请输入年龄"/>
2021-04-09 15:45:20 6772
原创 Echarts全国省市json
由于项目需要各省市地图,而echarts已停止下载服务,只好各种百度搜索,积分下载,现在将这些文件分享给大家,本文将不持续更新北京市:链接:https://pan.baidu.com/s/15lfW_uEAPJF9sIXeZEe6Bg提取码:wb8h...
2021-01-07 10:23:54 285 2
原创 plus.downloader.createDownload 下载成功后文件存储路径
我的手机/ Android/data / io.dcloud.HBuilder / downLoads
2020-12-11 10:10:54 3141 1
原创 Vue给table指定行加样式
需求:动态表格指定行加样式解决方法::cell-style="cellStyle"适用表格插件:Element、vxe-table注:本文以vxe-table表格插件示例示例:给动态表格第2行、第3行、第5行字体加粗<vxe-table v-else border stripe :data="dataSource" :cell-style="cellStyle" > <vxe-table-column v-for="item in tableColumn"
2020-08-05 18:06:58 3394 3
原创 vxe-table可编辑表格输入框加自定义事件
官方API地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/edit/events <vxe-table border resizable :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}"> <vxe-table-column type="seq" width="60"></vxe-table-column> .
2020-08-04 10:14:36 6906
原创 a-input-number 设置输入为正整数
<a-input-number :min="0" :precision="0" placeholder="请输入正整数"/>
2020-04-16 16:35:53 7813 1
原创 js 判断字符串是否符合日期格式
校验格式:YYYY-mm-ddvar str='2019-09-20 20:05'if(/^\d{4}-\d{2}-\d{2}$/.test(str)){ alert("格式正确!");}else{ alert('格式错误')}
2020-03-26 14:30:38 3485
原创 echarts容器设置动态高度
问题:使用echarts绘制图表,数据太多时存在图表数据拥挤重叠解决方法:调用 resize 方法传入容器高度 {height:this.threeHeight} var option = { tooltip: { trigger: 'axis', axisPointer: { ...
2020-03-23 18:53:53 1212 3
原创 前端面试题总结
1.div+css的布局较table布局有什么优点? div+css: 结构与样式分离、代码语义性好、更符合html 标准规范、SEO友好 table布局:某种原因不方便加载外部css的场景,例如邮件正文,此时用table布局可以在无css情况下保持页面布局正常2.为什么利用多个域名来存储网站资源会更有效? CDN缓存更方便、突破浏览器并发限制、节约 cookie 宽带、...
2020-03-20 14:39:44 197
原创 uni-app请求后台304
修改manifest.json配置1.打开manifest.json2.选择h5配置3.路由模式选择 history
2020-03-09 16:54:20 2908
原创 v-charts 调整柱状图之间的间距
可在extend这个属性中自己配置,用法和echarts相同<ve-histogram :data="chartData" :extend="chartExtend"width="100%" height="90%"></ve-histogram>export default{ data(){ this.chartExtend = {...
2020-02-24 12:02:16 4018
原创 Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"
报错代码示例: <el-form-item label="出生日期" prop="bdat"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择出生日期" v-model="entryForm.bdat"> </el-...
2020-02-04 16:36:20 9132 2
原创 element设置表格表头颜色
<el-table stripe border :header-cell-style="{background:'#FAFAFA'}">
2020-02-04 12:49:15 11167
原创 element 下拉框加一个自定义选项
<el-select v-model="value" clearable placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.name" :value="item.value"> </...
2020-01-09 17:10:15 3716 2
原创 vxe-table 多条数据编辑后统一保存
vex-table地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install需求:表格多行数据编辑后进行统一保存页面效果如下(编辑前、编辑后):点击后保存后的数据格式:页面代码如下:注:data为数据源//HTML<el-button type="pr...
2019-12-21 12:56:11 4706 4
原创 去除点击按钮时出现蓝色边框
点击按钮时出现轮廓(input输入框也有),如下图:解决方法:在css中加入outline: noneinput{ outline: none}button{ outline: none}注:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。...
2019-12-12 17:44:55 957
原创 console.log('script start')
console.log('script start')setTimeout(function () { console.log('setTimeout')},0)new Promise(function (resolve) { console.log('promise1') resolve()}).then(function () { console.lo...
2019-11-29 15:00:09 901 1
原创 Uncaught TypeError: Cannot read property 'disabled' of null
错误原因:在el-dropdown中没有el-dropdown-menu标签
2019-11-05 11:11:57 4411
原创 element关闭弹框时清空表单内容
需求:关闭弹框时清空表单内容解决方法:使用@close事件,函数可以自定义 eg : resetForm()、closeDialog()<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"> <el-form :model="ruleForm"...
2019-11-01 12:16:00 10345 2
原创 vue 项目控制台调试时不显示css具体位置
注:该文章适用于vue cli 3版本问题:控制台调试定位css所在文件和行数解决方法:在vue.config.js中配置module.exports = { css: { sourceMap: true // 开启 CSS source maps }} 配置好之后重新运行项目才可以生效效果如图:右上角就是当前样式的所属文件...
2019-10-29 11:27:15 1119
原创 js对象转字符串
需求:对象转为字符串并以 | 拼接期待结果:id|1|id2|3eg:data: { id: 1, id2: 3}解决方法://第一步 先转成数组 var list=[];for(var i in data){ list.push(i) list.push(data[i]) }console.log(list)//第二步 数组转为字符串拼接 ...
2019-10-28 09:07:38 683
原创 antd日期选择器禁止选择当天之前的时间
使用disabledDate属性(不可选择的日期)<a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/>在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return...
2019-10-24 09:44:15 8347 3
ecStat.js源码
2020-02-26
echarts地图省份文字居中
2019-12-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人