javascript常用命令
摘要：1、数组通过映射得到某一个字段的数组 var arr = this.materials.map(item => item.originalId); 2、数组去重 var newArr = arr.filter(function(item,index){ return arr.indexOf(item
阅读全文
posted @
2023-07-18 17:54
周文豪
阅读(64)
推荐(0) 编辑
vue强制刷新的方法
摘要：一、强制全局刷新方法1 重新载入当前文档:location.reload(); 定义和用法： reload()方法用于刷新当前文档。 reload() 方法类似于你浏览器上的刷新页面按钮F5。 案例： 点击修改按钮后，重新加载页面，让修改后的结果显示出来。 onSubmit() { ... upda
阅读全文
posted @
2023-03-09 11:17
周文豪
阅读(1847)
推荐(0) 编辑
vue：$forceUpdate()的使用（修改对象的属性不生效？）
摘要：vm.$forceUpdate()： 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。 那在vue框架中，如果data中有一个变量:age，修改他，页面会自动更新。 但如果data中的变量为数组或对象，我们直接去给某个对象或数组添加属性，页面是识别不到的。
阅读全文
posted @
2023-02-17 11:51
周文豪
阅读(1852)
推荐(0) 编辑
$message消息弹框被导航栏或对话框遮住
摘要：一、$message消息弹框被导航栏遮住 效果如下： 原因分析：element UI默认给$message消息弹框动态添加的z-index值低于2000，而导航栏的z-index的值设置为9999 解决办法：设置导航栏的z-index的值为999即可 .right-top { position: f
阅读全文
posted @
2022-09-27 10:51
周文豪
阅读(1414)
推荐(0) 编辑
DatePicker中选择日期范围（daterange）的日期做为搜索条件时，前端和后端处理的两种不同方式
摘要：一、前端将开始日期和结束日期作为两个字段时的处理 注意：选择了开始日期，后面选择结束日期时，开始日期前的日期全部禁用。 代码如下： <el-row> <el-col :span="12"> <el-form-item label="开始时间:" prop="farmingBeginDate"> <e
阅读全文
posted @
2022-09-26 15:02
周文豪
阅读(2000)
推荐(0) 编辑
Vue3 Echarts 地图 省份下钻联动
摘要：一、Echarts地图入门 1、创建一个vue3项目 2、echarts安装 npm install echarts 此时echarts的版本为5.4.0 "dependencies": { "core-js": "^3.6.5", "echarts": "^5.4.0", "vue": "^3.0
阅读全文
posted @
2022-09-21 18:21
周文豪
阅读(2430)
推荐(0) 编辑
vue3:jsbarcode生成条形码
摘要：一、安装依赖 npm install jsbarcode --save 二、main.js中全局引入 import JsBarcode from 'jsbarcode' app.config.globalProperties.jsbarcode = JsBarcode 代码如下： import {
阅读全文
posted @
2022-09-14 10:35
周文豪
阅读(3610)
推荐(0) 编辑
vue3.0富文本编辑器vue-quill-editor
摘要：一、不带图片的富文本 1、安装 npm install @vueup/vue-quill@alpha --save 2、引入 main.js中全局引入 import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/di
阅读全文
posted @
2022-09-04 12:49
周文豪
阅读(5884)
推荐(1) 编辑
class="el-form-item__content" style="margin-left: 120px;"
摘要：问题：el-form标签中，由于设置了label-width="120px"，导致每一个el-form-item标签都增多了一个样式style="margin-left: 120px;" 效果如下： 部分原代码如下： <template> <el-dialog title="修改密码" :visib
阅读全文
posted @
2022-07-01 15:19
周文豪
阅读(5184)
推荐(0) 编辑
window解决需要管理员权限才能执行npm i的问题(解决本地jenkins无法执行npm i的问题)
摘要：问题：执行npm i命令时报错如下： 每次安装都要用管理员身份运行，主要因为安装nodejs时没有授予写的权限，找到nodejs文件夹更改权限即可。 找到nodeJs的安装目录，如我的位置为C:\Program Files\nodejs，单击nodejs目录，右键，选择属性。 选择“所有受限制的应用
阅读全文
posted @
2022-06-30 09:21
周文豪
阅读(2214)
推荐(0) 编辑
滚动条: vue-perfect-scrollbar
摘要：一、安装npm install vue-perfect-scrollbar cmd进入项目根目录，执行如下命令: cnpm install vue-perfect-scrollbar 二、新建scrollbar.vue文件 1、引入 import VuePerfectScrollbar from '
阅读全文
posted @
2022-06-23 16:52
周文豪
阅读(924)
推荐(0) 编辑
vue代码如何实现平方米m2
摘要：情况一：标签中放平方米 效果 代码： <el-row type="flex" class="row-bg"> <el-col :span="12"> <el-form-item prop="plantArea"> <span slot="label">种植面积(m<sup>2</sup>):</sp
阅读全文
posted @
2022-05-27 10:03
周文豪
阅读(669)
推荐(0) 编辑
InputNumber计数器
摘要：一、效果 官方代码： <template> <el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number> </template
阅读全文
posted @
2022-05-11 10:37
周文豪
阅读(197)
推荐(0) 编辑
VUE：为什么输入框无法输入内容？
摘要：一、问题 发现在搜索框中无法输入内容。 二、原因分析 代码如下： <el-form :inline="true" label-width="100px"> <el-form-item label="原药材名称："> <el-input v-model.trim="listQuery.mmName"
阅读全文
posted @
2022-05-10 21:40
周文豪
阅读(1891)
推荐(0) 编辑
报错：dateStr.match is not a function
摘要：情况一： 报错如下： 原因分析：后台返回的日期格式为数字 那为什么日期格式变成数据了呢？代码如下： String jsonString = JSON.toJSONString(enterprise); Map map=JSON.parseObject(jsonString,Map.class); 发
阅读全文
posted @
2022-05-08 10:31
周文豪
阅读(5213)
推荐(0) 编辑
VUE表单校验：某字段有可能需要校验，也有可能不用校验
摘要：Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 案例1 当不选择非长期营业期限时，不需要校验营业期限字段；当选择非长期营业期限时，需要校验营业期限 代码： <el-row type="flex
阅读全文
posted @
2022-05-08 10:04
周文豪
阅读(2249)
推荐(0) 编辑
VUE：如何在设置图片为必填项？
摘要：添加required即可 <el-row type="flex" class="row-bg"> <el-col :span="24"> <el-form-item label="身份证图片:" required> <identity-card-upload :editable="true" tab
阅读全文
posted @
2022-04-25 19:51
周文豪
阅读(490)
推荐(0) 编辑
VUE: TreeChart树形图
摘要：一、横向 1、效果 2、代码 1）、TreeChart组件 <template> <table v-if="treeData.name"> <tr> <td :colspan="Array.isArray(treeData.children) ? treeData.children.length *
阅读全文
posted @
2022-04-08 16:46
周文豪
阅读(2963)
推荐(0) 编辑
Dropdown下拉菜单
摘要：一、效果 点击更多按钮，展开如下： 二、vue2代码 <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width"> <template slot-scope="scope"
阅读全文
posted @
2022-04-08 15:03
周文豪
阅读(161)
推荐(0) 编辑
vue生成二维码：vue-qr二维码插件使用
摘要：属性说明 生成的二维码中间可以放头像 1、安装 以管理员身份运行 npm install vue-qr --save 2、页面导入 vue2.x import VueQr from 'vue-qr' vue3.x import vueQr from 'vue-qr/src/packages/vue-
阅读全文
posted @
2022-04-07 12:44
周文豪
阅读(3075)
推荐(0) 编辑
管理