- 博客(88)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 js 根据word文档模板导出内容
注：ExportBriefDataDocx（）函数，引用的word文档模板，一定要放置在。2、将最终需要的文档内容及样式编辑完成(图1)1、本地创建一个test.docx。的位置，替换为变量参数(图2)简简单单一条命令（6合1）
2023-11-03 16:58:25
725
原创 el-form-item中使用v-if导致规则检验不生效问题
背景： 项目中使用el-form表单时，常常遇到需要v-if渲染的 el-form-item组件时，使用prop设置规则校验时不生效问题解决方法：备注：添加 key 主键<el-form-item key="zjgsFromName" prop="zjgsFrom.name"> <el-input v-model="fwdjForm.zjgsFrom.name"clearable/></el-form-item>...
2022-05-23 17:19:01
1688
1
原创 VUE address-parse 地址解析
使用步骤：1、安装插件 npm install address-parse --save2、在当前文件中引用，import AddressParse from 'address-parse';<template> <div class="box"> <el-input v-model="message" type="textarea" :rows="5"
2022-04-01 21:31:51
2816
原创 高德地图AMap.MouseTool鼠标工具启用与停用
启用AMap.plugin(["AMap.MouseTool"],function(){ let mouseTool = new AMap.MouseTool(_this.map);}）停用mouseToolObj.close()；
2022-03-18 18:18:27
3450
原创 el-date-picker 时间选择取消联动
属性：unlink-panels<el-date-picker v-model="sjtbForm.sjfw" type="datetimerange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00
2022-03-07 16:10:32
2137
原创 VSCode设置.vue文件模板
步骤：1、文件---首选项---用户片段2、输入vue，选则vue.json3、打开vue.json文件，设置模板{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " ", " </div>", "</template>", "<script&g
2022-02-08 11:44:50
2526
原创 vue 中click.stop的用法
click.stop 阻止点击事件继续传播场景： 在table中使用，点击当前行，当前行被勾选，但是点击当前行中按钮或点击事件时，使用此方法，则在触发当前点击事件后，阻止行的选中事件使用：html <el-table ref="tableRef" :data="tableData" :row-key="row => { return row.id}" @selection-change="handleSelectionChange...
2022-01-29 20:05:33
15128
原创 自定义注册表
一、创建open.bat、open.reg、runreg.bat文件1、创建open.bat@echo offset m=%m:openChrome49:=%set m="%m:separator=&%"set m=%m:26%=&%start "" "C:\\Program Files\\openChrome49\\openChrome49\\GoogleChromePortable.exe" %m%exit2、创建open.regWindows Reg.
2022-01-14 00:59:19
464
原创 多个版本Chrome使用
一、下载指定版本chrome1、chrome指定版本下载https://www.chromedownloads.net/chrome64win/2、下载后是个.exe文件，（不要直接点击运行安装），点击右键解压到当前目录，解压得到.7z的压缩包，并将该文件解压得到Chrome-bin的文件夹二、chrome版本提取器下载1、链接：https://pan.baidu.com/s/1q8yW5ypBTsVvhKQpsuqliw 提取码：2wsx2、下载完成后，不能直接打开（否..
2022-01-13 17:17:15
4824
1
原创 flv视频流页面播放
步骤：1、配置依赖npm install --save flv.js2、在使用的页面中引用import flvjs from 'flv.js'3、在mounted（）中初始 mounted() { this.$nextTick(()=>{ if (flvjs.isSupported()) { let videoElement = document.getElementById('v...
2021-12-28 12:23:11
943
原创 Element 自定义主题样式
步骤：一、配置 sass 依赖（版本：node-sass:^5.0.0 sass-loader:^10.1.1）npm install node-sass sass-loader --save二、在 src/assets/css/ 下创建 element-variables.scss文件，定义主题样式/* 改变主题色变量 */$--color-primary: #1D54CF;/* 改变 icon 字体路径变量，必需 */$--font-path: '~element-u...
2021-12-06 17:14:36
1011
原创 VUE 打包后访问index.html空白页面问题和找不到静态文件问题
背景： 使用vue-cli 创建vue项目，打包后房屋dist下index.html文件空白页面，并且控制台常见错误1：显示无访问文件错误原因： router路由在history模式打包后出现空白页面的情况,而且没有资源加载错误的报错信息解决办法：在router/index.js 文件中定义const router = new VueRouter({ //mode: 'history',//屏蔽或删除，默认 hash...
2021-06-30 15:49:28
1068
原创 Element tree 懒加载 节点局部刷新
实现步骤：一、HTML<el-treelazy:load="loadNode" ref="menuTree"node-key="value"> <div slot-scope="{node,data}"> <div title="刷新节点"@click="refreshNodeData(data.value)"> 图片 </div> </div></el-tre...
2021-05-19 09:52:48
627
原创 创建纯HTML页面 demo示例
背景：因为只作简单的接口测试使用，需要最低的开发成本实现，所以要实现一个纯HTML页面开发步骤：一、生成html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>读卡测试</title></head><body> /* 页面规划 */</body>.
2021-05-17 18:31:09
3746
原创 Echarts 之bar 柱形图
实现步骤：一、引入Echarsnpm install echarts二、main.js中导入// 图表--插件import echarts from 'echarts'Vue.use(echarts)Vue.prototype.$echarts = echarts三、html代码<div id="shtBarChart" style="width:100%;height:100%"></div>四、js代码let titleFo..
2021-05-10 18:50:07
527
原创 Echarts 之pie 环形图
实现步骤：一、引入Echarsnpm install echarts二、main.js中导入// 图表--插件import echarts from 'echarts'Vue.use(echarts)Vue.prototype.$echarts = echarts三、html代码<div id="sjfxPieChart" style="width:100%;height:100%"></div>四、js代码// 初始化环形图in
2021-05-10 11:15:23
1442
原创 element upload 判断是否已选取文件
使用ref属性 获取上传附件var files = this.$refs.upload.uploadFiles；//判断files数组的长度是否大于0，不大于0 则未选择附件参考网址：http://www.jsphp.net/vue/show-25-452-1.html
2021-04-07 16:58:07
4040
原创 css 过度动画
CSS代码:.box1{ border: 1px solid red; width: 200px; height: 200px; overflow: hidden;}.box2{ position: relative; border: 1px solid rgb(0, 255, 234); width: 100%; height: 250px; transition: height 1s;}.box2:hover{ .
2021-03-26 16:00:57
121
1
原创 css 样式根据Ref自定义修改
CSS代码：.checkboxBox{ /* border: 1px solid rgb(102, 255, 0); */ min-width: 120px; height: 24px; font-size: 16px; color: #31313E; display: flex; align-items: center; margin-bottom: 5px;}.checkboxBox:hover{ background:
2021-03-25 11:16:16
1582
原创 Element 表单校验重置方法
this.$refs.form.resetFields(); //移除表单校验并初始化表单，一般用于添加this.$refs.form.clearValidate(); //移除表单校验，一般用于修改
2021-03-03 09:40:59
1312
原创 滚动条样式
<style scoped> .treeFssBox>>>::-webkit-scrollbar { width: 4px; height: 1px; } .treeFssBox>>>::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgb(138, 138, 138); } .treeFssBox>>>.
2021-02-24 17:57:34
103
原创 VUE 封装 根据路由path获取当前对象
根据路由path获取当前对象1、自定义js文件import router from '../router/index.js'/** * 设置路由KeepAlive缓存状态 * * @param {*} pathVal 路径名称 * @param {*} resVal 结果值：true 或 false */export function setRouterKeepAlive(pathVal,resVal){ // console.log('设置路由KeepAliv..
2021-02-20 22:38:39
1169
原创 element tree 更新节点信息
操作步骤：1、点击打开操作节点--------重点：node一定要存一手，没他办不了事this.showUpdateLd = true; //显示操作模态框this.handleNode = node; //当前操作的节点对象//具体业务逻辑2、使用VUE 提供的$set()方法 this.$set(this.handleNode.data, 'label', this.updateLdForm.lph+this.updateLdForm.lmc) ...
2021-02-08 15:20:18
1394
原创 element table 列 自定义排序
1、在table的列中 定义:sortable="true" :sort-method="jzrsSort"<el-table-column label="居住人数" prop="jzrs" min-width="100" :sortable="true" :sort-method="jzrsSort" v-if="jzrsIsShow"></el-table-column>2、js实现// 自定义...
2021-02-05 20:39:16
1352
原创 高德地图--搜索服务 Autocomplete 和 PlaceSearch
参考地址：https://blog.youkuaiyun.com/as849167276/article/details/107249948?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.controlhttps://blog.youkuaiyun.com/qq_16741
2021-01-26 14:13:32
969
1
原创 VUE this.$nextTick()的使用
前言：this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。总的来说，假设我们更改了某个 dom 元素内部的文本，而这时候我们想直接打印这个更改之后的文本是需要 dom 更新之后才会实现的，就像我们把将要打印输出的代码放在 setTimeout(fn, 0) 中参考地址：https://www.cnb
2021-01-26 10:43:45
122
原创 微信小程序导航栏操作
navigationBarBackgroundColor 导航栏背景颜色，如”#000000”navigationBarTextStyle 导航栏标题颜色，仅支持 black/whitenavigationBarTitleText 导航栏标题文字内容官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html...
2021-01-23 11:43:20
152
原创 vue 父级页面 子级页面 互传参数
vue父级组件调用子级组件方法 https://blog.youkuaiyun.com/weixin_41916005/article/details/83860235this.$refs.mychild.子页面方法();父子互传https://blog.youkuaiyun.com/lander_xiong/article/details/79018737?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineL...
2021-01-20 15:11:59
602
原创 Element cascader 级联选择器使用，及获取当前选中的对象
使用步骤：1、html代码：<el-cascader ref="xzCascader" :props="xzProps" :show-all-levels="false" @change="xzHandleChange" placeholder="请选择行省市区"></el-cascader>2、js代码--data()xzProps: { //省市区选项 label: 'xzMc', value
2021-01-19 23:50:16
6319
原创 VUE 页面缓存方法
操作步骤：1、在router中设置需要缓存的页面：keepAlive:true 需要缓存 keepAlive:false 不需要缓存 { path: '/Wjgl', component: resolve => require(['../components/page/Wjgl/index.vue'], resolve), meta...
2021-01-06 00:54:59
2697
原创 vue 整个网站变成灰色的方法
在全国哀悼日，网站需要设置成黑白的，其实一点都不麻烦，只需在.css文件中body里面加下面两行行代码就可以：/* 当前页面的最外部div */.Box{ filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1); -webkit-filter: grayscale(100%);}...
2021-01-05 22:59:21
4610
1
原创 VUE项目 引用外部字体
背景： web页面的UI设计时，常常会用到一些陌生又非常好看的字体，但是在开发过程中总是设置对应的字体名称去不生效 ，这就需要引用外部字体实现步骤：一、在网上下载所需要的对应字体（备注：注意字体文件的格式 .ttf） 字体网址：http://www.fonts.net.cn/font-13003182419.html二、解压并将需要的字体文件导入你的项目中（文件名称可以自定义）三、在需要的文件中引用<style scoped>...
2020-08-23 16:07:20
537
原创 密码 包含字母、数字、特称字符 的正则表达式
#场景一：密码中必须包含大小写字母（区分大小写）、数字、特称字符 只能使用!@#$^,./^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z!@#$^,\.]{8,30}$/#场景二：密码中必须包含字母（不区分大小写）、数字、特称字符 只能使用!@#$^,./^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[!@#$^,\.])[0-9a-zA-Z!@#$^,\.]{8,30}$/#场景三：密码中必须包含字母（不区分大小写）、...
2020-06-28 14:29:20
8591
原创 errorImg异常图片显示
errorImg：'this.src="'+require('../../../assets/img/zpsbth.png')+'"',//默认图片
2020-06-28 10:15:04
1371
原创 div层置顶
<div style='position:fixed; z-index:999; top:0;'>相对浏览器</div><div style='position:absolute; z-index:999; top:0;'>相对父元素</div><div style='position:relative; z-index:999; top:0;'>相对自己</div>
2020-05-26 10:19:37
647
1
原创 Element UI table列表内容合并
背景： element-ui官网中关于行合并的例子是根据行号进行合并的，不符合开发需求，因为通常table中的数据都是动态生成的，所以需要做一些修改...
2020-05-07 16:21:15
527
原创 GitHep使用
步骤：一、 配置全局（一般情况下，只需要执行一次）git config --global user.name "用户名"git config --global user.email "邮箱"二、初始化（一般情况下，只需要执行一次）git initgit remote add origin git@192.168.40.110:fss/项目文件夹.git /...
2020-01-08 15:28:22
316
原创 VUE 定时器
背景： 需要实现 输入登录账号密码后进行二维码扫描登录，因此需要定时轮询后端的扫描结果JS代码：<script>export default { data() { return { QR:'',//二维码 userId:'', wxid:'', timer:'', ...
2019-12-13 14:01:23
379
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人