ElementUI
ElementUI使用
urnotzkey
要成为更好的自己
展开
-
ElementUI之el-pagination样式修改(小三角、“前往”、页码数)
el-pagination样式修改原创 2022-06-09 16:38:40 · 5598 阅读 · 0 评论 -
el-input的onkeyup解决报错Uncaught ReferenceError: xx is not defined at HTMLInputElement.onkeyup
需求:在输入框输入时校验输入字符,中英文时校验方式不同(languageStatus == 0)中文情况下只能输中文汉字(languageStatus == 1)英文情况下只能输英文字母,短横线,单引号和空格初始实现:众所周知,没有条件判断的时候可以直接用<!-- 只能输入汉字 --><el-input v-model.trim="value" onkeyup="value = value.replace(/[^\u4e00-\u9fa5]/g,原创 2022-04-21 15:24:01 · 2606 阅读 · 2 评论 -
ElementUI之el-input输入不进去解决办法
碰到el-input输入失效,怎么填都不响应原因:嵌套层级太深解决办法:强制刷新html:<el-input @input="inputChange"></el-input>js:inputChange(){ this.$forceUpdate(); //强制刷新}原创 2022-04-12 16:09:54 · 1781 阅读 · 0 评论 -
ElementUI之el-table前端分页、自定义序号、排列问题
1、前端分页:html:<el-table :data="tableData.slice((currentPage-1)*PageSize,currentPage*PageSize)"> //对数据请求的处理,最为重要的一句话 <el-table-column></el-table-column> ... <el-table-column></el-table-column></el-table>原创 2022-04-07 17:09:40 · 3541 阅读 · 0 评论 -
ElementUI之el-radio中label和:label的区别【避免踩坑】
需求:radio切换不同选项时,根据不同值跳转不同页面实现:1、看Element官方文档中radio是这么说的方法1:<template> <el-radio v-model="radio" label="1">备选项</el-radio> <el-radio v-model="radio" label="2">备选项</el-radio></template><script> export原创 2022-04-02 16:32:46 · 7460 阅读 · 2 评论 -
ElementUI之el-table-column内容只显示两行超出折叠鼠标hover显示弹出框
需求:el-table中某一列内容只显示两行,超出隐藏...鼠标hover后显示弹出框,内容过多弹出框显示滚动条实现:html部分<el-table-column label="内容" prop="content" align="center" min-width="90"> <template slot-scope="scope"> <el-popover trigger="hover" placement="top" width原创 2022-04-01 15:09:45 · 3435 阅读 · 0 评论 -
ElementUI之steps步骤条实现点击跳转,解决‘.native‘ modifier on ‘v-on‘ directive is deprecated问题
官方文档:https://element.eleme.cn/#/zh-CN/component/steps为 el-step 添加 @click.native 属性,实现点击跳转:<el-steps :active="active" finish-status="success" align-center> <el-step @click.native="on_click(1)" title="步骤 1"></el-step> <el-原创 2021-10-12 17:37:21 · 2659 阅读 · 0 评论