Dark_programmer的博客

elementUi - - - - table 勾选功能 & 禁止勾选

' } , '提示') , h('p' , {' } , '此操作将永久删除该文件, 是否继续?') ]) , confirmButtonText : '确定' , cancelButtonText : '取消' , customClass : 'del-model' , closeOnClickModal : false , closeOnPressEscape : false , }) . then(() => {type : 'success' , message : '删除成功!' });

element - - - - - 你不知道的loading使用方式

element - - - - - form表单rules初始化校验飙红？

el-cascader组件报错 Cannot read properties of null (reading 'level')

element - - - - - Form表单的resetFields()方法没有生效？

js调用confirm组件

element 动态设置table高度

form表单 循环遍历 校验规则

table居中显示1.表头居中显示内容:2.单元格居中显示：1.表头居中显示内容:2.单元格居中显示：方式一 使用element提供的属性：方式二 自定义单元格：

可折叠的菜单，如果一个nav写一个组件，如果nav少的话可以这样写，但是如果数量多的话再这样写就显得冗余代码太多，质量不高。那么该如果遍历渲染出来呢？需求效果：实现代码：<template> <div class="nav-container"> <el-menu :default-active="actived" class="el-menu-vertical-demo" @select="handleSelect"

关于elementUI插件，使用起来是很方便，但是有时候产品的需求导致需要自定义一些配置参数。就比如：日期选择框设置选择范围为 2021-11-30 之后的日期为可选择，之前的为禁用状态添加宽街配置项： 今日、昨日实现之后的效果如下：红色框里是无法选择的，就算往前翻到11月也是无法选择代码：<template> <el-date-picker v-model="searchDate" type="daterange"

刚听到这个需求，感觉简直不要太简单。虽然没有搞过这样的需求，但是element的table自带合并不是么。然后自以为是的我被现实狠狠的打了一巴掌官方API【element table】如果官方文档能够解决我的问题，就不会有以下问题了。不过还是建议有必要尝试一下官方Demo接收需求...

在使用element的confirm组件时，点击取消可能会提示一条错误。如下：使用法式如下：methods:{ clickDelete(){ this.$confirm("确认删除此内容吗?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => { // 执行真正的删除事件 })

道路千万条，安全第一条在移动端常见的联动选择，vantUI里有封装好的组件，但是PC端并没有，该如何实现呢？项目配置 : vue + element经过尝试摸索，总结如下：1.安装 elementnpm i element2.将省市文件拷贝到目录下3.将文件引入 使用的组件内进行使用<el-cascader :options="options" v-model="value" separator=" " @change="handleChang.

今天在开发的过程中，遇到一个问题，特此记录。项目的一个功能所需类似手风琴的效果，因为是VUE，所以选择采用element的el-collapse。<div class='mine'> <el-collapse accordion> <div v-for="item in titleList" :key="item.id" @click="clickHandle(item)" > <el-collapse-i

<el-table :data="tableData" highlight-current-row ref='singleTable' > </el-table>需要注意的是highlight-current-row必须设置，不然高亮不会生效setCurrent(row) { // 给操作行 高亮 if (row) { this.$refs.singleTable.setCurrentRow(row, true); .

element的select默认样式太丑，如何修改::v-deep{ .el-input__inner{ background: white !important; border-color: #DBDBDB; color: #767676; } }

先粘一张官方给出的UI样式关于UI框架，用起来虽然很方便，但是样式却和所需的不一样，那么该如何修改成自己想要的样式呢？在粘一张我自己修改后的样式图不仅修改了button的背景色、文字颜色，更修改了上方提示气泡的背景色官方api里没有看到如何修改button样式,所以我修改的方式就是在使用组件的地方，写行内样式<el-tooltip style="color:white;border:none;background-color:#7ec9a1" conte