随笔分类 -  UI 框架

上一页 1 2
Element 分页代码
摘要：template <el-pagination :current-page="pagerList.currentPage" :page-size="pagerList.pageSize" :total="pagerList.total" :page-sizes="[10, 20, 50, 100]" 阅读全文
posted @ 2022-08-03 09:27 DL·Coder 阅读(39) 评论(0) 推荐(0)
svg 常用属性
摘要：在线 svg 运行器 在线 svg 运行器：https://www.runoob.com/try/try.php?filename=trysvg_myfirst 顶级标签 svg <svg width="100" height="100" viewBox="50 50 50 50" xmlns="h 阅读全文
posted @ 2022-08-02 14:10 DL·Coder 阅读(970) 评论(0) 推荐(0)
Element-plus 自动导入 如何设置全局 size
摘要：vite 配置 //element 全局默认大小为small app.config.globalProperties.$ELEMENT = { size: 'small', } 阅读全文
posted @ 2022-07-30 23:31 DL·Coder 阅读(1952) 评论(0) 推荐(0)
Element plus 汉化
摘要：App.vue 直接拷贝 <template> <el-config-provider :locale="locale"> <router-view /> </el-config-provider> </template> <script > import { ElConfigProvider } 阅读全文
posted @ 2022-07-30 23:21 DL·Coder 阅读(236) 评论(0) 推荐(0)
svg 六边形
摘要：效果图 六边形战士 <svg> <g stroke="black" stroke-width="1px" fill="white"> <path d="M20 0 L60 0 L80 40 L60 80 L20 80 L0 40 Z" stroke="#000" stroke-width="1" / 阅读全文
posted @ 2022-07-29 14:32 DL·Coder 阅读(379) 评论(0) 推荐(0)
Element form 表单 label 添加多个空格
摘要：效果图 使用插槽 slot="label" 实现，直接上代码。 <el-form-item prop="method"> <label slot="label"> 计&nbsp;&nbsp;算&nbsp;&nbsp;方&nbsp;&nbsp;法： </label> <el-input v-model 阅读全文
posted @ 2022-07-29 09:43 DL·Coder 阅读(807) 评论(0) 推荐(0)
Element 输入框 `input` 回车事件
摘要：为对应的 input 输入框添加 @keyup.enter.native 事件 只有在 input 中回车触发 <el-input placeholder="请输入内容" v-model="searchInput" @keyup.enter.native="handleKeyUp"></el-inp 阅读全文
posted @ 2022-07-26 10:55 DL·Coder 阅读(1611) 评论(0) 推荐(0)
Element UI 日期校验（禁用）
摘要：vue 写法 data() { const equalToPassword = (rule, value, callback) => { if (this.form.newPassword !== value) { callback(new Error("新密码与确认密码不一致，请仔细核对")); 阅读全文
posted @ 2022-07-14 11:02 DL·Coder 阅读(165) 评论(0) 推荐(0)
el-row 等第三方组件加不上点击事件
摘要：使用 native 修饰符 <el-row @click.native="handleTotal" > </el-row> 阅读全文
posted @ 2022-07-12 09:00 DL·Coder 阅读(123) 评论(0) 推荐(0)

上一页 1 2