woodFan先生-CSDN博客

原创 js 根据word文档模板导出内容

注：ExportBriefDataDocx（）函数，引用的word文档模板，一定要放置在。2、将最终需要的文档内容及样式编辑完成(图1)1、本地创建一个test.docx。的位置，替换为变量参数(图2)简简单单一条命令（6合1）

2023-11-03 16:58:25 439

原创 js 复制文本功能

【代码】js 复制文本功能。

2022-09-05 11:35:32 1158 1

原创 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 1550 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 2351

原创借鉴地图自定义画圈功能

原生Js从0开始实现一个链家网地图画圈找房功能_weixin_34259159的博客-CSDN博客

2022-03-20 17:58:40 174

原创高德地图AMap.MouseTool鼠标工具启用与停用

启用AMap.plugin(["AMap.MouseTool"],function(){ let mouseTool = new AMap.MouseTool(_this.map);}）停用mouseToolObj.close()；

2022-03-18 18:18:27 2958

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

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

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

原创自定义注册表

一、创建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 346

原创多个版本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 3781 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 799

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

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

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

原创创建纯HTML页面 demo示例

背景：因为只作简单的接口测试使用，需要最低的开发成本实现，所以要实现一个纯HTML页面开发步骤：一、生成html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>读卡测试</title></head><body> /* 页面规划 */</body&gt.

2021-05-17 18:31:09 3494

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

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

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

原创 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 92 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 1471

原创 Element 表单校验重置方法

this.$refs.form.resetFields(); //移除表单校验并初始化表单，一般用于添加this.$refs.form.clearValidate(); //移除表单校验，一般用于修改

2021-03-03 09:40:59 1220

原创滚动条样式

2021-02-24 17:57:34 77

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

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

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

原创高德地图--搜索服务 Autocomplete 和 PlaceSearch

参考地址：https://blog.csdn.net/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.csdn.net/qq_16741

2021-01-26 14:13:32 792

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

原创微信小程序导航栏操作

navigationBarBackgroundColor 导航栏背景颜色，如”#000000”navigationBarTextStyle 导航栏标题颜色，仅支持 black/whitenavigationBarTitleText 导航栏标题文字内容官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html...

2021-01-23 11:43:20 115

原创 vue 父级页面子级页面互传参数

vue父级组件调用子级组件方法 https://blog.csdn.net/weixin_41916005/article/details/83860235this.$refs.mychild.子页面方法();父子互传https://blog.csdn.net/lander_xiong/article/details/79018737?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineL...

2021-01-20 15:11:59 572

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

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

原创 vue 整个网站变成灰色的方法

在全国哀悼日，网站需要设置成黑白的，其实一点都不麻烦，只需在.css文件中body里面加下面两行行代码就可以：/* 当前页面的最外部div */.Box{ filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1); -webkit-filter: grayscale(100%);}...

2021-01-05 22:59:21 4405 1

原创 VUE项目引用外部字体

背景： web页面的UI设计时，常常会用到一些陌生又非常好看的字体，但是在开发过程中总是设置对应的字体名称去不生效，这就需要引用外部字体实现步骤：一、在网上下载所需要的对应字体（备注：注意字体文件的格式 .ttf）字体网址：http://www.fonts.net.cn/font-13003182419.html二、解压并将需要的字体文件导入你的项目中（文件名称可以自定义）三、在需要的文件中引用<style scoped&gt...

2020-08-23 16:07:20 372

原创密码包含字母、数字、特称字符的正则表达式

#场景一：密码中必须包含大小写字母（区分大小写）、数字、特称字符只能使用!@#$^,./^(?=.*[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 7364

原创 errorImg异常图片显示

errorImg：'this.src="'+require('../../../assets/img/zpsbth.png')+'"',//默认图片

2020-06-28 10:15:04 1281

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

原创 Element UI table列表内容合并

背景： element-ui官网中关于行合并的例子是根据行号进行合并的，不符合开发需求，因为通常table中的数据都是动态生成的，所以需要做一些修改...

2020-05-07 16:21:15 473

原创 GitHep使用

步骤：一、配置全局（一般情况下，只需要执行一次）git config --global user.name "用户名"git config --global user.email "邮箱"二、初始化（一般情况下，只需要执行一次）git initgit remote add origin [email protected]:fss/项目文件夹.git /...

2020-01-08 15:28:22 267