vue：父组件调用子组件的方法和子组件调用父组件的方法 provide/inject
摘要：父组件调用子组件的方法 组件中使用ref和$refs来实现给子组件传值或者调用子组件的方法 在Vue中一般很少会用到直接操作DOM，但不可避免有时候需要用到，这时我们可以通过ref和$refs这两个来实现. ref 被用来给子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上，如果是
阅读全文
posted @
2021-03-13 11:24
周文豪
阅读(783)
推荐(0) 编辑
vue：子组件向父组件传值和父组件向子组件传值
摘要：子组件向父组件传值 子组件触发自定义事件的方式：子组件触发一个自定义事件并传值，父组件监听事件执行方法并接受值，从而实现子组件调用父组件的方法并传值 uni-app父组件 <template> <view class="news"> <news @itemClick="goDetail($event
阅读全文
posted @
2020-12-30 09:11
周文豪
阅读(1197)
推荐(0) 编辑
vue：表单验证时，trigger的值什么时候选blur什么时候选change
摘要：对el-input输入框的验证，trigger的值选blur，即失去焦点时进行验证。 下拉框（el-select）、日期选择器（el-date-picker）、复选框（el-checkbox）、单选框（el-radio）的验证时，trigger的值选择change，即当值发生变化时就进行验证。 下拉
阅读全文
posted @
2020-12-25 09:38
周文豪
阅读(7754)
推荐(0) 编辑
js如何判断一假则假，全真则真
摘要：思路：初始化flag参数为true，一旦有一个为假，则将flag赋值为false，最后返回。 代码如下； checkSupplyWt(list){ var flag = true; list.forEach(item => { if (item.supplyWt '' || item.supplyW
阅读全文
posted @
2020-12-24 22:17
周文豪
阅读(974)
推荐(0) 编辑
vue:表格中多选框的处理
摘要：效果如下： template中代码如下： <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border highlight-current-row @selection-change="sel
阅读全文
posted @
2020-12-22 09:16
周文豪
阅读(1738)
推荐(0) 编辑
VUE：日期格式化（将日期（"2020-11-30T02:21:42.000+0000"）进行格式化）
摘要：如何将字符串类型的日期（"2020-11-30T02:21:42.000+0000"）进行格式化？ 一、VUE格式化为yyyy-MM-dd格式 1、在js中对日期进行格式化 1）、方法： export function formatDateNew(date, fmt) { if (/(y+)/.te
阅读全文
posted @
2020-11-30 10:57
周文豪
阅读(5448)
推荐(0) 编辑
JSON的stringify和parse方法
摘要：一、JSON.parse() 方法用于将一个 JSON 字符串转换为JSON对象。 以下代码为将字符串解析为对象，然后再赋值给对象 //页面初始化完成加载,option是传递的参数 onLoad: function(option) { const param = JSON.parse(option.
阅读全文
posted @
2020-11-24 09:45
周文豪
阅读(412)
推荐(0) 编辑
前端传递数据到后台的两种方式;创建一个map或者创建一个FormData对象
摘要：一、构建一个map getAllDeptAllUsers(){ const modleCode = {'auditMenuId': this.auditMenuId, 'enterpriseId': this.$store.getters.enterpriseId}; deptJs.getAllDe
阅读全文
posted @
2020-11-16 21:55
周文豪
阅读(2413)
推荐(0) 编辑
vscode快捷键
摘要：复制到下一行 Alt+Shift+下键(上下左右的下); 复制到上一行 Alt+Shift+上键(上下左右的上); 搜索文件：ctrl+shift+F Ctrl+/:多行注释
阅读全文
posted @
2020-11-15 20:05
周文豪
阅读(96)
推荐(0) 编辑
为什么浏览器记住密码会影响表单?
摘要：用户登录时,用户往往会选择记住密码，由于浏览器自身的问题，当表单中输入框类型为password时，该输入框会有历史记录。效果如下： 原先的代码： <el-row v-if="dialogStatus 'update'?false:true" type="flex" class="row-bg"> <
阅读全文
posted @
2020-11-12 18:38
周文豪
阅读(223)
推荐(0) 编辑
前端axios传递一个包含数组的对象到后台，后台可以用String接收，也可以用List集合接收
摘要：前端代码： data() { return { listQuery: { date: [], } }}, //查询列表信息getList() { if (this.listQuery.date == null || this.listQuery.date.length != 2) { this.$m
阅读全文
posted @
2020-11-06 22:45
周文豪
阅读(3185)
推荐(0) 编辑
文字链接Link
摘要：效果展示： 代码展示： <el-table-column label="引流扫码人数" align="center"> <template slot-scope="scope"> <el-link :underline="false" @click="openDialog(1)">{{ scope.
阅读全文
posted @
2020-11-06 22:12
周文豪
阅读(152)
推荐(0) 编辑
DatePicker日期选择器的使用（先选择年份或月份，再选择日期，日期在当前年或月之外的置灰显示）
摘要：一、基本使用 效果展示： 代码如下： <el-date-picker v-model="listQuery.times" type="daterange" range-separator="-" start-placeholder="开始日期" unlink-panels end-placehold
阅读全文
posted @
2020-11-06 21:20
周文豪
阅读(4359)
推荐(0) 编辑
前端解决查询慢的问题
摘要：问题：点击导入按钮后，在选择审核人时，会先选择部门，但是点击下拉框后发现弹出无数据，过3~4s后才弹出数据。 原因分析：在后台，部门的查询由于是六张表的多表查询，查询速度慢，给SQL中where后面的查询条件添加索引仍然没有效果，此时可以在前端解决， 解决方法一：在created中调用getAllD
阅读全文
posted @
2020-11-04 16:31
周文豪
阅读(885)
推荐(0) 编辑
vue子组件的样式没有加scoped属性会影响父组件的样式
摘要：scoped是一个vue的指令，用来控制组件的样式生效区域，加上scoped,样式只在当前组件内生效，不加scoped，这个节点下的样式会全局生效。 需要注意的是：一个组件的样式肯定是用来美化自己组件结构的，不应该影响到其他的组件。 建议：只要定义的是单文件组件，一定要给style标签加上scope
阅读全文
posted @
2020-10-31 00:07
周文豪
阅读(1910)
推荐(0) 编辑
如何让别人访问我的电脑的vue项目
摘要：步骤： 1、关闭防火墙。 2、修改build/webpack.dev.conf.js中的“const HOST = process.env.HOST”为“const HOST = process.env.HOST || '0.0.0.0'” 3、修改request.js中的baseURL: 'htt
阅读全文
posted @
2020-10-28 15:09
周文豪
阅读(1988)
推荐(1) 编辑
vue之下拉菜单Dropdown的使用
摘要：通过组件slot来设置下拉触发的元素以及需要通过具名slot为dropdown 来设置下拉菜单。默认情况下，下拉按钮只要hover即可，无需点击也会显示下拉菜单。 <el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-
阅读全文
posted @
2020-10-27 17:27
周文豪
阅读(9538)
推荐(0) 编辑
js中函数调用时，对参数个数和类型没有要求
摘要：因为js是一种弱类型的编程语言，对数据类型的要求没有其他编程语言的要求严格，所以在定义函数的时候不需要像java一样对其传入参数的类型进行定，也对传入参数的个数没有要求。 js函数的参数与大多数其他语言中的函数的参数有所不同。js函数不介意传递进来多少个参数，也不在乎穿进来参数是什么数据类型。也就是
阅读全文
posted @
2020-10-27 17:11
周文豪
阅读(1225)
推荐(1) 编辑
el-input输入框的readonly属性
摘要：readonly属性是Boolean类型，默认值为false。readonly值为true表示只读。 <el-col :span="12"> <el-form-item label="品名:" prop="materialName"> <el-input v-model="edit.material
阅读全文
posted @
2020-10-27 14:19
周文豪
阅读(13974)
推荐(0) 编辑
在vscode中用Git管理项目
摘要：一、本地两个分支，即master和login分支，云端只有一个分支 1、新建仓库 1）、新建仓库-->填写仓库名称-->一定要将对钩去掉-->公开-->创建 Git全局设置: git config --global --add user.name "zhouwenhao" git config --
阅读全文
posted @
2020-10-21 15:31
周文豪
阅读(752)
推荐(0) 编辑
管理