qq_41893334的博客

在开发中经常会用到树形结构，数据是后端返回的，其余的操作都在前端完成，在此记录一些操作

项目中使用了el-popover，但是想修改一下样式，一直不成功，先来看一下官方文档怎么说的添加一个类名，string类型，ok，添加一个<el-popover placement="right" width="400" trigger="hover" popper-class="my-popover" >去设置样式<style lang="scss" scoped> .my-popover{ padding:20px; }

最近再做一个后台管理项目，权限控制到用户可以操作的页面按钮，获取用户按钮需要菜单的moduleId，那么逻辑就是：在点击菜单的时候加载子页面并且把菜单的moduleId带过来 <el-menu class="el-menu-vertical-demo" background-color="#fff" text-color="#222" unique-opene

项目中很多场景都有新增和编辑，使用一个dialog完成两个功能新增和编辑分开写就上下面这样，写两个dialog <!--添加角色对话框--> <el-dialog title="添加角色" :visible.sync="addRoleDialogVisible" width="30%"> <el-form ref="form"

vue项目中：1.如果不需要显示文字，只需要显示单选框，那就将label隐藏scss写法::v-deep .el-radio__label{ display: none;}less写法/deep/ .el-radio__label{ display: none;}2.el-table中有一列 是默认选中，用到了el-radio单选框，只能有一个选中获取到的数据格式， isDefault控制是哪一行的radio选中，取值为1表示选中，取值为0不选中[ {

先说解决方案：加上v-if每次都会销毁和重新创建<el-dialog title="提示" :visible.sync="dialogVisible" v-if="dialogVisible" width="30%" :before-close="handleClose"></el-dialog>在项目中遇到一个场景，点击table中的授权按钮，去给这一行对应的用户授权角色逻辑：点击授权按钮，显示授权dialog，在子组件的created生命周期中去获取

1.表头的表格内容居中显示给el-table标签加上这两句代码:header-cell-style="{'text-align':'center'}":cell-style="{'text-align':'center'}"2.表格数据是true/false，但是需要显示其他信息，怎么办？valid是布尔值<el-table-column prop="valid" label="是否有效"> <template slot-scope="scope"&g

技术栈：vue + elementui需求：在表单中，输入的内容要去除两端空格1.允许输入空格2.输入空格后表单非空验证不通过解决方式1：使用v-model的指令修饰符.trim(缺点：不能输入空格，不满足需求)解决方法2：使用blur方法在失去焦点时进行trim（）<el-form ref="form" :model="formData" :rules="formRules" style="width:80%;margin-top:20px;"

隐藏前：点右边找到代码的位置，注释掉代码文件路径：node_modules\async-validator\es\util.js将console.warn(type, errors);注释掉重新查看没有输出了！！！

效果图代码部分：1.整体form在dialog中居中::v-deep .el-dialog .el-dialog__body{ display: flex; justify-content: center; align-items: center;}为什么要使用 ::v-deep来穿透样式？因为是scoped样式lang=“scss” 写了 /deep/不生效**（以后就写::v-deep）**2.label宽度自适应设置label-width=“a