vue
文章平均质量分 50
kogmini
这个作者很懒,什么都没留下…
展开
-
Timeline 时间线自定义节点为Checkbox
Timeline 时间线自定义节点为Checkbox来实现全选单选原创 2023-09-21 16:26:32 · 951 阅读 · 0 评论 -
vuex模块化写法
怎么将vuex模块化原创 2022-12-07 11:24:59 · 1295 阅读 · 0 评论 -
el-tree、a-tree树形组件获取数据及回显
回显菜单权限树数据原创 2022-10-19 10:40:46 · 4859 阅读 · 0 评论 -
vue3+js 实现按钮防抖,避免请求重复提交
vue3+js 实现按钮防抖,避免请求重复提交原创 2022-07-01 17:56:32 · 2835 阅读 · 0 评论 -
vue3动态路由的实现
vue3动态路由的实现原创 2022-07-01 15:40:56 · 15561 阅读 · 6 评论 -
递归实现在级联选择器中选择部门下的人员
说明:此篇只记录如何用JavaScript递归处理数据,效果图参考 仅使用for循环遍历数据,点此跳转 getDepartmentMember() { this.$axios({ url: window.config.baseUrl + '/xx', method: 'GET', params: {}, ..原创 2022-05-09 11:08:31 · 453 阅读 · 0 评论 -
vue项目中使用ww-open-data获取企业微信通讯录部门信息
vue项目中使用ww-open-data获取企业微信通讯录部门信息原创 2022-04-27 15:25:59 · 5511 阅读 · 21 评论 -
vue2 element-ui 表格随浏览器缩放高度自适应
Vue 自适应高度表格的实现方法原创 2022-04-19 15:11:16 · 2813 阅读 · 1 评论 -
vue2按钮防止重复提交指令
按钮防止重复提交原创 2022-04-19 14:43:19 · 444 阅读 · 0 评论 -
v-if与v-show对表单验证的影响以及解决办法
v-if与v-show控制元素显隐对表单验证的影响原创 2022-04-08 16:41:20 · 3450 阅读 · 1 评论 -
vue-progress-bar的使用
vue-progress-bar的使用原创 2022-03-18 11:18:38 · 1848 阅读 · 0 评论 -
vue使用svg画拓扑图(关系图) 拖拽 缩放
vue组件内部通过svg实现拓扑图拖拽,使用d3进行缩放原创 2022-01-20 17:28:26 · 5658 阅读 · 0 评论 -
vue修改网页title
vue.config.jschainWebpack: (config) => { config .plugin('html') .tap(args => { args[0].title = 'xxx管理系统' return args }) }public/index.html<title>xxx管理系统</title>效果图原创 2021-09-22 10:44:43 · 146 阅读 · 0 评论 -
文件上传、下载、在线预览、删除
<el-dialog title="上传文件" :visible.sync="upload_flag" custom-class='dialogClass' width="30%"> <div> <el-cascader v-model="filePath" style="width: 200px" :o..原创 2021-09-03 10:48:01 · 330 阅读 · 0 评论 -
总结:表格中选择不同材料
情况一:仓库在表格行外<el-dialog width="50%" title="查询材料信息" :visible.sync="purchaseOrder" > <el-table :data="purchaseList" style="width: 100%;max-height: 400px;" @row-click="getSelectRow原创 2021-08-31 14:08:39 · 92 阅读 · 0 评论 -
el-select 自定义创建条目时,只能选择一个或者输入一个
如图所示当选择甲方时,甲方代表只能选择一个,且不能自行输入;当甲方代表没有人员可以选择时,可以自行输入创建一个人员代码 <el-form-item label="甲方" prop="partyAName"> <el-select v-model="AddContractForm.partyAName" @change="customerCompanyChangeA" placeholder="请选择甲方公司" clearable>原创 2021-08-25 14:36:13 · 3992 阅读 · 0 评论 -
表单里面嵌套表格之后,如何对表格里面的input框进行表单验证
如图所示:首先表格数据要绑定表单里面的数据。如表单addUnitForm的erpContacts数组通过插槽的scope.$index来找到绑定的数据,即每个el-form-item的prop属性代码: <el-form :model="addUnitForm" :rules="addUnitFormRules" ref="addUnitFormRef" label-width="110px"原创 2021-08-13 09:23:17 · 844 阅读 · 2 评论 -
级联选择器el-cascader处理复杂数据(四层、五层数据),回显部门以及部门下的人员
当级联选择器需要绑定的数组不再是简易数据,props涉及的字段不再是一个,而是列表里面套列表比如,我想要获取部门以及下面的员工,如何显示?如下图1所示,后端返回的数据,sysDepartmentList是部门分组,sysUserList是员工分组,可是最终要在级联上呈现如下图2所示,怎么做到?好在公司的前一个项目有相关例子,足够我参考完成,记录下来,希望能帮到跟我一样的小白图1:图2处理数据:getOtherUsername(){ //首先调用接口获取数据 this.$axios原创 2021-08-05 17:34:20 · 2449 阅读 · 0 评论 -
解决:el-select 数据回显后,无法选中赋值问题
这是要回显的部门信息,如图所示图1:从后台拿回数据显示为admin图2:拿到数据后回显图3:当我想要选中其它选项的时候,控制台能拿到这一项的id,但是文字没有显示到select中好了,现在就看怎么解决的吧html:<el-form-item label="角色" prop="roleId "> <el-select v-model="roleForm.roleId " placeholder="请选择" clearable @change="roleChange">原创 2021-08-05 12:28:47 · 2468 阅读 · 0 评论 -
el-input手机号,座机号,邮箱,银行卡,邮编,传真验证
html部分:data中表单验证:addRules: { phoneNumber: [ { validator: this.checkPhone,required: true,trigger: 'blur' }]},js:methods:{ checkPhone(rule, value, callback) { if (!value) { callback(new Error('请输入联系人手机号')) } els原创 2021-07-19 13:44:38 · 5056 阅读 · 2 评论