素味平生-CSDN博客

原创 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 21342 11

原创 Vue 使用element-ui步骤条流程

负责项目所遇到的步骤条流程，给大家分享一下，效果如下注：vue2.0 项目该效果引用element-ui的步骤条，引用之前确保个人项目已安装Element安装命令：npm install element-ui然后在main.js中引入：确保安装引用成功后，就可以开始写步骤条代码了页面代码如下：通过判断active的状态去切换所在步骤的内容js代码如下：prev为...

2018-08-20 15:46:51 36162 23

原创 leaflet 修改L.circleMarker（）的颜色

leaflet 绘制点改变颜色

2023-11-07 10:41:28 232

原创 vue拼接html点击事件不生效

在ts中拼接html，点击事件不生效或者报is not defined。

2023-07-27 11:37:55 1067

原创 Element Plus 动态使用icon图标

Element Plus 动态使用图标

2023-07-14 15:09:57 1086

原创 leaflet鼠标移动或点击展示经纬度

leaflet地图展示实时经纬度

2022-07-28 17:08:36 1578 2

原创 this.$emit is not a function

echart柱状图点击事件父子组件传参函数调用错误解决

2022-07-25 15:01:24 4683

原创 Cesium视角移动到指定位置

Cesium视角移动到指定位置。

2022-07-19 11:53:32 1041

原创 vue文件下载及重命名

vue文件下载及重命名支持pdf、doc、docx、excel等格式

2022-03-04 15:13:12 3271

原创 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 1431 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 1324 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 725

原创 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 1634

原创 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 6836 5

原创 vue封装echarts图表数据无法渲染到页面

数据不渲染的原因子组件传过来的时候是配置项，父组件请求接口后改变数据的值，这时图表已生成，但数据不展示解决方法：需要一个监听机制告诉Echarts重新渲染数据 watch: { //观察option的变化 echarts_option: { handler(newVal, oldVal) {...

2021-09-09 17:05:53 720

原创 uni-app 输入框类型

文本输入框<input type="text" v-model="form.account" placeholder="请输入用户名"/>数字输入框<input type="digit" v-model="form.age" placeholder="请输入年龄"/>

2021-04-09 15:45:20 6836

原创 Echarts全国省市json

由于项目需要各省市地图，而echarts已停止下载服务，只好各种百度搜索，积分下载，现在将这些文件分享给大家，本文将不持续更新北京市：链接：https://pan.baidu.com/s/15lfW_uEAPJF9sIXeZEe6Bg提取码：wb8h...

2021-01-07 10:23:54 287 2

原创 plus.downloader.createDownload 下载成功后文件存储路径

我的手机/ Android/data / io.dcloud.HBuilder / downLoads

2020-12-11 10:10:54 3178 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 3413 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 6948

原创 echarts折线图无数据断开解决方法

示例：解决方法：series的connectNulls属性支持连接空值

2020-06-19 14:44:52 7074 1

原创 a-input-number 设置输入为正整数

<a-input-number :min="0" :precision="0" placeholder="请输入正整数"/>

2020-04-16 16:35:53 7890 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 3518

原创 echarts容器设置动态高度

问题：使用echarts绘制图表，数据太多时存在图表数据拥挤重叠解决方法：调用 resize 方法传入容器高度 {height:this.threeHeight} var option = { tooltip: { trigger: 'axis', axisPointer: { ...

2020-03-23 18:53:53 1226 3

原创前端面试题总结

1.div+css的布局较table布局有什么优点？ div+css: 结构与样式分离、代码语义性好、更符合html 标准规范、SEO友好 table布局：某种原因不方便加载外部css的场景，例如邮件正文，此时用table布局可以在无css情况下保持页面布局正常2.为什么利用多个域名来存储网站资源会更有效？ CDN缓存更方便、突破浏览器并发限制、节约 cookie 宽带、...

2020-03-20 14:39:44 202

原创 uni-app请求后台304

修改manifest.json配置1.打开manifest.json2.选择h5配置3.路由模式选择 history

2020-03-09 16:54:20 2965

原创 CryptoJS解密为空

我解密为空的原因是因为密钥长度的问题，密钥需为16位 eg：0102030405060708

2020-03-03 15:00:55 1861

原创 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 4041

原创 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 9174 2

原创 element设置表格表头颜色

<el-table stripe border :header-cell-style="{background:'#FAFAFA'}">

2020-02-04 12:49:15 11173

原创 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 3728 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 4746 4

原创去除点击按钮时出现蓝色边框

点击按钮时出现轮廓（input输入框也有），如下图：解决方法：在css中加入outline: noneinput{ outline: none}button{ outline: none}注：outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。...

2019-12-12 17:44:55 966

原创 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 907 1

原创 Uncaught TypeError: Cannot read property 'disabled' of null

错误原因：在el-dropdown中没有el-dropdown-menu标签

2019-11-05 11:11:57 4414

原创 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 10372 2

原创 vue 项目控制台调试时不显示css具体位置

注：该文章适用于vue cli 3版本问题：控制台调试定位css所在文件和行数解决方法：在vue.config.js中配置module.exports = { css: { sourceMap: true // 开启 CSS source maps }} 配置好之后重新运行项目才可以生效效果如图：右上角就是当前样式的所属文件...

2019-10-29 11:27:15 1133

原创 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 691

原创 antd日期选择器禁止选择当天之前的时间

使用disabledDate属性（不可选择的日期）<a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/>在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return...

2019-10-24 09:44:15 8365 3