- 博客(5)
- 收藏
- 关注
RSS订阅
原创 vue 基于Element-ui el-tree 新增、编辑、删除节点，局部刷新
效果图：项目代码结构:代码示例index.vue<template> <div class="white-body-view"> <el-button type="primary" @click="addNewRecord()">新增</el-button> <custom-tree ref="customTree" :tree-data="treeData" :tree-expand-all="treeEx
2020-11-26 23:11:53
6502
3
原创 vue element-ui Cascader 级联选择器 选择任意一级选项时，可自动关闭
日常开发中，发现级联选择器如果设置为任意级别可选后，无法自动关闭，用户体验极差，所以封装了下。// 关闭级联选择器this.$refs.cascaderHandle.dropDownVisible = false完整代码：<template> <div class="white-body-view"> <el-cascader ref="cascaderHandle" v-model="value" :props="{ checkStrictl
2020-11-18 22:41:42
3628
5
原创 vue element Cascader 级联选择器 解决最后一级显示空白
1.遇到的问题，级联选择器，发现每个层级的最后一层总是显示为无数据。预期效果为，当无数据时，应该不能点击展开。2. 解决思路，通过与element官网提供的数据对比后发现，当子级为空时，后台应该不返回children这一层级了，前端暂时处理下数据。 // 格式化数据源 this.options = this.formatData(data) // 格式化数据，递归将空的children置为undefined formatData(data) { .
2020-11-18 22:33:40
4885
11
原创 vue element-ui input只能输入正整数（不带小数点）
项目中遇到一些场景，只能输入正整数，而且不能携带小数点，例如年龄，物品数量等。<el-input v-model.number="input" class="input-view" placeholder="请输入内容" oninput="value=value.replace(/[^0-9]/g,'')" />1. v-model.number 自动转为数字类型2. oninput="value=value.replace(/[^0-9]/g,'')" 通过正则表达式，限制只.
2020-11-18 21:56:31
3148
4
原创 码云 生成SSHKey
1. 生成密钥按如下命令来生成sshkey:$ ssh-keygen -t rsa -C "test@qq.com" 然后一直回车即可2. 查看密钥$ cat ~/.ssh/id_rsa.pub3. 设置密钥打开码云 设置 ==》 安全设置 ==》 SSH公钥设置设置对应标题，将刚才设置的密码密钥，就完成了...
2020-11-18 21:37:50
300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人