随笔分类 -  前端

1 2 3 4 5 6 下一页
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) 推荐(0) 编辑
vue强制刷新的方法
摘要:一、强制全局刷新方法1 重新载入当前文档:location.reload(); 定义和用法: reload()方法用于刷新当前文档。 reload() 方法类似于你浏览器上的刷新页面按钮F5。 案例: 点击修改按钮后,重新加载页面,让修改后的结果显示出来。 onSubmit() { ... upda 阅读全文
posted @ 2023-03-09 11:17 周文豪 阅读(1845) 评论(0) 推荐(0) 编辑
vue:$forceUpdate()的使用(修改对象的属性不生效?)
摘要:vm.$forceUpdate(): 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。 那在vue框架中,如果data中有一个变量:age,修改他,页面会自动更新。 但如果data中的变量为数组或对象,我们直接去给某个对象或数组添加属性,页面是识别不到的。 阅读全文
posted @ 2023-02-17 11:51 周文豪 阅读(1850) 评论(0) 推荐(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 周文豪 阅读(1411) 评论(0) 推荐(0) 编辑
DatePicker中选择日期范围(daterange)的日期做为搜索条件时,前端和后端处理的两种不同方式
摘要:一、前端将开始日期和结束日期作为两个字段时的处理 注意:选择了开始日期,后面选择结束日期时,开始日期前的日期全部禁用。 代码如下: <el-row> <el-col :span="12"> <el-form-item label="开始时间:" prop="farmingBeginDate"> <e 阅读全文
posted @ 2022-09-26 15:02 周文豪 阅读(1998) 评论(0) 推荐(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 周文豪 阅读(2426) 评论(1) 推荐(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 周文豪 阅读(3605) 评论(0) 推荐(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 周文豪 阅读(5867) 评论(0) 推荐(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 周文豪 阅读(5180) 评论(0) 推荐(0) 编辑
window解决需要管理员权限才能执行npm i的问题(解决本地jenkins无法执行npm i的问题)
摘要:问题:执行npm i命令时报错如下: 每次安装都要用管理员身份运行,主要因为安装nodejs时没有授予写的权限,找到nodejs文件夹更改权限即可。 找到nodeJs的安装目录,如我的位置为C:\Program Files\nodejs,单击nodejs目录,右键,选择属性。 选择“所有受限制的应用 阅读全文
posted @ 2022-06-30 09:21 周文豪 阅读(2211) 评论(1) 推荐(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) 推荐(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 周文豪 阅读(668) 评论(0) 推荐(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) 推荐(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 周文豪 阅读(1890) 评论(0) 推荐(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 周文豪 阅读(5210) 评论(0) 推荐(0) 编辑
VUE表单校验:某字段有可能需要校验,也有可能不用校验
摘要:Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 案例1 当不选择非长期营业期限时,不需要校验营业期限字段;当选择非长期营业期限时,需要校验营业期限 代码: <el-row type="flex 阅读全文
posted @ 2022-05-08 10:04 周文豪 阅读(2248) 评论(0) 推荐(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) 推荐(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) 评论(1) 推荐(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) 推荐(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) 推荐(0) 编辑

1 2 3 4 5 6 下一页