![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+element
pc端遇到的problem
cx&lavender
这个作者很懒,什么都没留下…
展开
-
Vue中根据输入的身份证号识别年龄、性别
需求:根据用户输入的身份证号识别出年龄和性别,回显到相应的输入框中分析:定义身份证号的正则表达式,利用字符串的方法截取出相关字符进行判断示例:<template><div class="box"><!-- 根据身份证号生成性别,年龄 --> <div class="form_txt">根据身份证号生成性别、年龄</div> <el-form :model="form" label-width="80px"&.原创 2021-11-10 18:39:27 · 3084 阅读 · 1 评论 -
el-dialog对话框重新打开后数据遗留问题
场景:重新打开el-dialog对话框时,里面的表单数据遗留并没有清空解决:监听el-dialog对话框的关闭事件,给el-dialog绑定@closed事件,再调用el-form表单的重置方法示例:<el-dialog @closed="resetForm"> <el-form ref="formRef"> </el-form></el-dialog><script>export default {原创 2021-11-10 14:35:36 · 1964 阅读 · 2 评论 -
el-table表格el-table-column根据不同的值,动态显示不同的颜色
需求:表格列有多个状态,不同的状态展示不同的颜色,这个时候用三目运算符不太方便,可以用computed计算属性示例: <template></template>模本中<el-table-column prop="totalGrade" label="自评得分" align="center"> <template slot-scope="scope"> <span :style="classObje(scope.ro原创 2021-11-08 18:10:36 · 5087 阅读 · 2 评论