elment ui
前端方程
这个作者很懒,什么都没留下…
展开
-
vue form表单下嵌套表格 并校验每一行
【代码】vue form表单下嵌套表格 并校验每一行。原创 2023-02-24 10:52:56 · 514 阅读 · 0 评论 -
css 步骤条箭头符号 加阴影制作方法
【代码】css 步骤条箭头符号 加阴影制作方法。原创 2022-10-04 09:53:02 · 399 阅读 · 0 评论 -
vue el-popover使用
【代码】vue el-popover使用。原创 2022-09-29 16:51:39 · 1343 阅读 · 0 评论 -
公共方法:节流、elment出现省略号才提示
【代码】公共方法:节流、elment出现省略号才提示。原创 2022-09-22 09:43:33 · 160 阅读 · 0 评论 -
vue elment表格内倒计时(待优化代码)
表格内批量倒计时原创 2022-06-01 19:23:00 · 442 阅读 · 0 评论 -
vue 关于阿里巴巴矢量图标库的使用(包含在伪类中使用字体图标)
引入代码import "@/assets/iconfont/iconfont.css";<style lang="less" scoped>::v-deep .el-collapse-item__arrow { width: 40px;}::v-deep .el-icon-arrow-right:before { font-family: "iconfont"; //这一句是必须要加的 content: "展开\e68a";}::v-deep .el-coll.原创 2022-05-30 14:58:35 · 641 阅读 · 0 评论 -
vue elment 上传附件 (复制可用完整)
=======================完整复制可用================= <el-upload accept=".xls" :show-file-list="false" auto-upload action="none" :http-request="handleUpload" > 批量导入原创 2022-05-18 10:59:35 · 181 阅读 · 0 评论 -
vue 文字复制clipboard2 复制功能
npm install --save vue-clipboard2import Vue from 'vue'import Clipboard from 'vue-clipboard2'Vue.use(Clipboard)<template> <div> <button type="dashed" v-clipboard:copy="code" v-clipboard:success="copyAddres原创 2022-05-11 16:18:26 · 289 阅读 · 0 评论 -
vue el-dialog通用弹窗 高度设置好的弹窗
::v-deep .el-dialog { position: relative; margin: 0 auto 0px; background: #ffffff; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; box-sizing: .原创 2022-05-11 14:55:35 · 2399 阅读 · 0 评论 -
vue components is动态组件
<template> <div> <div class="child-div"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="(item, index) in list" :key="index" :label="item.name" ..原创 2022-04-22 15:44:53 · 1700 阅读 · 0 评论 -
vue 手机号码校验 elment校验 简单校验 提交校验
<el-form :model="shipmentFormal" label-width="180px" class="query" :inline="true" :rules="rules" style="background-color: #fff; border: 1px solid #eaeaea" ...原创 2022-03-31 10:06:38 · 2109 阅读 · 0 评论 -
vue elment表格实现单选
ref="supplierTable" @selection-change="chooseInstance"` // 供应商表格单选 chooseInstance(val){ if (val.length > 1) { this.$refs.supplierTable.clearSelection() this.$refs.supplierTable.toggleRowSelection(val.pop()) ...原创 2021-12-30 19:52:56 · 412 阅读 · 0 评论 -
vue elment大图查看
<template> <div> <el-button @click="open">打开图片预览</el-button> <el-image-viewer v-if="show" :on-close="onClose" :url-list="urls" :initial-index="initialIndex" /> </div></templat.原创 2021-08-30 14:12:00 · 193 阅读 · 0 评论 -
vue 左侧导航栏选中样式 elment ui
.el-menu-item:hover { background: #2b5dbe !important; border-radius: 10px 0px 0px 10px; } .el-menu-item.is-active { background: #1D33A2 !important; // border-radius: 10px 0px 0px 10px; color: #fff!important; i { color: #fff原创 2021-07-30 15:21:52 · 693 阅读 · 0 评论