随笔分类 - Element随笔
摘要：vue项目中实现按钮触发el-image进行图片预览
阅读全文
摘要：<template> <span> <div v-if="!imgIsIf" style="text-align: center;"> 暂无照片 </div> <div v-if="imgIsIf"> <el-upload :action="url" list-type="picture-card"
阅读全文
摘要：template里代码如下： <div class="loadingModal" :style="{'height':'100%'}" v-if="progressLoading"> <el-progress :stroke-width="20" style="width:500px;margin-
阅读全文
摘要：一次项目在使用el-form赋值回显后，再次点击输入框发现无法删除赋值后的数据，也无法进行修改，当时使用的赋值语句为 this.form.name= "小明"; 修改为 this.$set(this.form, 'name', "小明") 这个后，就可以对输入框进行修改和删除操作
阅读全文
摘要：我们在写项目的时候往往为了风格的统一或者用户的体验需要统一按钮的位置或者排序，这里将MessageBox 弹框确定和取消按钮的位置进行转换，增加取消按钮类名cancelButtonClass ，通过设置类的样式来改变位置 达到效果
阅读全文
摘要：我们在使用Element tree回显的时候，会发现明明这个节点下我只选了一个数据，但是在回显的时候全部都选中了，这是因为tree父子级关联的问题。 我们看Element官网，里面有一个属性是来操作父子间关联的，如下 由此，我们可以想一种笨的方法，在数据回显的时候将属性变为父子级不关联的形式，当在渲
阅读全文
摘要：我们在获取Element tree的选中的节点的时候一般都是通过 this.$refs.tree.getCheckedNodes() 这个来获取选中节点的，但是他是无法获取到半选中状态的节点的，这个时候，Element提供了另一个方法 this.$refs.tree.getHalfCheckedNo
阅读全文
摘要：<el-cascader :options="treeChildren" v-model="classiId" :props="setKesLabel" :show-all-levels="false" clearable ></el-cascader> 其中options为请求后台返回的树结构，p
阅读全文
摘要：element树的使用相对于layui的树和jquery的ztree树更加简单和容易上手，将后台返回参数赋值给data，就可以进行简单的回显，但是element的树结构是有格式要求的，因此在这里Element提供了props来允许我们指定参数的格式进行显示，通过default-checked-key
阅读全文
摘要：子组件封装： 1 <template> 2 <el-button 3 v-bind="$attrs" 4 :loading="loadingStatus" 5 @click="handleClick" 6 v-if="judgePerm(permission)" 7 > 8 <slot/> 9 </
阅读全文
摘要：<el-form-item label="性别" prop="sex"> <el-radio v-model="userstate.data.gender" :label='1'>男</el-radio> <el-radio v-model="userstate.data.gender" :labe
阅读全文
摘要：在使用表单校验的时候出现这个错误，原因在于： 这三处声明缺一不可，在进行提交的时候， @click="submitForm('form')，切记括号里要用引号包裹，否则无法实现校验效果。
阅读全文
摘要：在使用Element弹窗的时候，在关闭弹窗的时候出现了这个问题，代码为 <el-dialog width="30%" style="z-index:99999" :visible.sync="AreaSamplingVisible" @open="open()" @closed ="close()"
阅读全文
摘要：只需要在事件上加上.stop阻止事件冒泡即可。
阅读全文
摘要：this.$confirm("存在未保存模板，是否切换模板！", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }) .then(() => { this.$message({ type: "suc
阅读全文
摘要：看红框里可以发现原因，当我们在dialog中加入:append-to-body="true"时，问题就不会出现了
阅读全文
