weixin_44867717的博客

【代码】vue中，表单增加一行删除一行上移一行下移一行。

在表格空数据时显示的文本内容，也可以通过。设置，来展示【暂无数据】

【代码】vue3中，el-table级联表格——default-expand-all & row-key & show-overflow-tooltip & 树状表格计算总价合计总计。

【代码】登录和注册（六）实名认证——姓名、证件号码、上传证件正反面、只能绑定一个账号 & 证件号码校验之护照格式、身份证号格式。

【代码】登录和注册（五）——邮箱找回账号密码、手机号找回账号密码。

【代码】登录和注册（四）重新修改密码页——清除session之sessionStorage.removeItem。

【代码】登录和注册（三）02登录页——参考版本。

【代码】登录和注册（三）01登录页——原生loading、setItem设置session、store.commit使用vuex、原生http.post请求、removeAttribute()删除html属性。

【代码】登录和注册（二）注册成功提示页——邮箱注册和手机注册 & 定时setInterval和clearInterval & router.push & 原生请求写法http.post & public引图片。

图片验证码接口返回的数据。

【代码】vue中，404页面——当前页面不存在，直接跳转首页。

【代码】vue中，401页面——您没有权限访问当前页面，直接跳转登录页。

【代码】vue3中，el-table表格的禁用、回显和多选操作——标识row-key、是否勾选selectable & toggleRowSelection(row, true)-true选中。

【代码】vue3中，el-table表格中基础的查询、重置、新增、编辑回显、删除。

【代码】vue3中，wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式。

【代码】vue3，下载预览的四种方法之responseType-blob、fileName、a标签下载& axios之post请求写法& 引入js方法文件写法& try和catch、async和await用法。

-@Description 申请表管理 - 定义申请表--><template><centerHead title="定义申请表"></centerHead><el-button type="primary" @click="add">新增</el-button><el-table-column prop="name" align="center" label="字段名称"></el-table-column>

【代码】vue3中，渲染动态表单（二）——使用wangEditor组件 & vue3基础页面的写法之defineComponent、toRefs、reactive和return & main文件注册全局组件。

效果图文件目录// 表单样式width: 25%;width: 35%;width: 50%;width: 75%;

【代码】tsconfig.json配置释义。

【代码】vue3中，js-cookie的使用 & token之获取token-getToken()、存储token-setToken()、移除token-removeToken()

【代码】vue3中，当前页中封装tab切换模块。

【代码】vue3中，封装el-tree树形控件组件，用于组织架构——defineEmits、defineProps& vue3之computed计算属性、watch和nextTick监听的写法 & `${写法。

【代码】vue3中，封装el-select选择器组件(二)——filterable模糊搜索、watch用法、nextTick用法、toRefs用法、sessionStorage取值、设置基准地址apiUrl。

效果/*** @description 自定义指令v-throttle*/if (!

3、弹框选中内容后，主页表格增加行数。1、弹框表格-初始页面。

【代码】vue3封装表单组件（三）01封装el-dialog组件的传值-radio单选框、form表单之defineEmits、defineProps的使用。

由于用到懒加载，与一次性全部加载数据不同的是，当前只有ID，而树结构还没渲染，就会导致没有label回显。所以我们要在组件刚渲染的时候，就构造我们想要的树节点。属性，表示默认展开节点的key数组。el-tree-select会按照这个keys数组，自动调用loadNode方法，获取数据并渲染树节点。最后在获取当条数据form内容的同时，把要展开节点的keys路径赋值给。的结合体，他们的原始属性未被更改，故具体属性、方法还是参照。即可，就会默认展开到当前节点并成功回显label。github地址——

【代码】vue3封装表单组件（二）01之el-tree-select & vue3封装组件写法。

【代码】vue3封装表单组件（一）之el-select & `${}之接口抽离公共词根。

需要注意的是，在使用 Promise.all() 方法时，如果其中一个 Promise 返回了错误，则整个 Promise.all() 的返回值也会是错误，因此需要在调用 Promise.all() 方法后使用 .catch() 方法来处理错误。在 Vue 中，可以使用 Promise.all() 方法来调用多个接口，并在所有接口返回结果后进行下一步操作。的回调函数中，我们使用了 ES6 的数组解构语法，将两个 Promise 的返回值分别保存到。下面是一个示例，在这个示例中，我们调用了两个接口，分别是。

data) console.error('数据拿错啦！

【代码】vue3进阶(三)——el-tabs标签页组件的使用& 设置sessionStorage.setItem()、获取sessionStorage.getItem()& router.push()跳转页面。

/ 禁止输入框特殊字符校验if (!// 提交关键字message: '不能包含关键词： ' + wordKey,})return y} else {/[`~!:"{}|,./;'\\[\]·~！：“” ]/g,''return y/*** @description form表单特定字符校验*/：”“'。，、？]‘'@ /%"i++) {= -1) {callback(new Error('不能使用特殊字符'))return。

template><el-row><el-form-item label="需求名称：" prop="needName" :rules="{message: '请输入需求名称',}"><el-input v-model="formInline.needName" :disabled="route.query.type === 'view'" placeholder="点击输入框选择需求" /></el-col>

12。

【代码】vue3中，表格导出excel、批量操作表格、分页、loading、router.push跳转。

两种写法——fun1.value()和fun2.value(param).then(res)

【代码】vue3中，下载模板（三）——前端本地下载附件。

【代码】vue3中，下载模板（二）——file流文件处理-简约版 & 接口responseType-blob。