
elementui
♪和曲而歌♪
从入坑到再次入坑!
展开
-
Vue+elementUI 开发中常见问题
文章目录前言1、table表格控件表头与内容列不对2、bug21.解决总结前言Me:在使用 vue + elementui 前端开发中,遇到过elementUI的好多坑,再次仅作记录,方便查阅。提示:以下是本篇文章正文内容,下面案例可供参考1、table表格控件表头与内容列不对示例:添加全局样式body .el-table th.gutter { display: table-cell !important;}2、bug21.解决代码如下(示例):该处使用的url网络请求原创 2021-04-27 18:23:24 · 314 阅读 · 0 评论 -
基于elementUI的loading全局加载
应用场景场景:前端再发送Ajax请求,请求后台数据时,不允许点击当前页面其他按钮。Loading 还可以以服务的方式调用。引入 Loading 服务1.引入库代码如下(示例):import { Loading } from 'element-ui'2.定义全局loading代码如下(示例):/* 全局多彩加载层 */Vue.prototype.$baseColorfullLoading = (wer) => { const loading = Loading.servic原创 2021-02-08 15:31:50 · 1672 阅读 · 0 评论 -
elementUI表格resetFields方法失效
问题描述:在vue中使用elementUI提供的表单重置方法 resetFields()时并没有清空表单this.$refs.newMakeFormRef.resetFields() 原因分析:1.表单没有加 ref 引用。2.表单的el-form-item没有 prop 属性。解决方案:第一步:给表单添加 ref 引用。<el-form ref="newMakeFormRef" :show-message="false" :model="newFormDat原创 2020-09-18 13:18:34 · 317 阅读 · 1 评论 -
elementUI表格单选,点击行选中一行数据
本文章仅是记录我在项目中遇到的各种单选问题,希望对你会有所帮助,写的不对的地方欢迎在评论区讨论。1.elementUI 实现表格单选只需要在表格的 < el-table-column > 中添加一个自定义模板即可:<el-table-column width='60px'> <template slot-scope="scope"> <el-radio v-model="radioSelected" :label="scope.r.原创 2020-07-08 22:48:25 · 6604 阅读 · 3 评论