对话框element-ui样式element
uniapp项目实践总结(三)全局公共组件和样式以及方法的使用
# uniapp 项目实践总结(三)全局公共组件和样式以及方法的使用 > 上一篇讲解了如何创建一个新的 uniapp 项目，这篇来讲解以下如何注册和使用全局的公共组件，全局样式和全局方法。 ## 目录 - 目录结构 - 公共组件 - 公共样式 - 公共方法 ## 目录结构 创建好项目以后，可以先初始 ......
Vue+Element ，如何给一个表单设置自定义规则或多个验证规则
> 依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题：表单中某个选择器的值不同，控制着下面表单内容是否显示。放图： ![](https://img2023.cnblogs.com/blog/1798914/202308/1798914-20230830201404126-1 ......
使用element-ui中的el-table回显已选中数据时toggleRowSelection报错
最近在写一个后台，需要在表格中多选，然后点击编辑按钮的时候，需要回显已经选中的表单项 <el-table v-loading="loading" :data="discountList" :row-key="(row) => row.id" ref='multipleTable' @selectio ......
PHP 请求 chatgpt 对话接口 示例代码
PHP 请求chatgpt的chat/completions接口示例代码。将以下代码放到可执行的地方，在能正常上网情况下，将$apiKey变量替换成你自己的api_key，请求后即可返回结果 public function chat() { $apiKey = 'YOUR_OPENAI_API_KE ......
css 收货地址的平行四边形红蓝白色样式
.line { width: 100%; background: repeating-linear-gradient( -45deg, rgba(0, 41, 136, 0.4) 0px 24px, #fff 24px 48px, rgba(238, 0, 7, 0.4) 48px 72px, #f ......
关于本博客样式
#参考文章 [感谢BNDong大佬](https://blog.csdn.net/qq_45061258/article/details/110217039) [警醒名言](https://www.cnblogs.com/h00k) [真正的佬](https://www.cnblogs.com/bn ......
子组件样式穿透不生效问题
今天用element-plus的抽屉el-drawer组件，写了一个自定义的子组件，父组件为外层的detail.vue文件。 默认的el-drawer内有padding 然后在detailDrawer.vue组件里，用deep穿透，怎么也覆盖不了，都没有识别到，我甚至用了important，也试过删 ......
element-plus的复选框如何做到循环多个出来只可以勾选一个
Element Plus 提供了 `el-radio-group` 组件用于实现单选框，你可以将多个单选框组合在一起，并使用 `v-model` 指令来绑定选择的值。只有一个单选框可以被选中。 以下是一个基本的例子： ```html<template> <el-radio-group v-model ......
VUE slot 插槽失效、不起作用 、 显示失败问题解决、默认内容没有失效、undefined，样式不生效等某些异常
主要原因是 vue 和 vue-template-compiler 的版本号不对应，本地和线上的可能不一致 编译结果不对应 本地环境使用的版本一般是一致的，提交到线上，打包模块 vue-template-compiler 可能和本地不一致，vue.js 有可能做过 cdn，又是另一个小版本... 导 ......
关于element-ui中的el-drawer每弹出一次，其z-index就要自增1
最近在写一个vue的后台项目，用到了el-drawer，在el-drawer中还嵌套了el-dialog和el-table 然后有时候会发现内嵌的el-dialog会消失不见，就是第一次点击，正常弹出，第二次正常弹出，第三次就不见了，后来发现是被el-drawer盖住了。 于是开始找z-index的 ......
关于 Vue2.0 中 element-ui@2.15.7 中使用 vue-final-modal@2.4.3 弹窗库 出现了 el-cascader 点击外部，popover不隐藏的问题
原因：element-ui 是在 document 上通过监听 mousedown 和 mouseup 事件-来组合判断是否点击的外部【可查看 element-ui 的自定义指令 v-clickoutside】 vue-final-modal 在 .vfm__content dom 上使用 e.st ......
element-plus的表格、弹窗、气泡弹窗的使用方法
表格的自定义内容： （1）当没有内容的时候自定义显示： <template v-slot:empty> <div> 自定义内容 </div> </template> (2.)表格的按钮的操作一栏的显示： <template #default="scope"> <div> <el-button @cl ......
HTML中行内样式的修改
遇到的问题： 具体的HTML代码： 解决办法，在前端页面中修改样式 <style> .layui-table-main{ height:100%!important; }</style> 该问题中style样式是行内样式，所以在修改代码时记得加上 important 来增加权重。 ......
windows本地部署AI实现无限对话
前言： 最低显卡配置2G 本都部署步骤： 一、安装服务模型 1、下载地址 github地址：https://github.com/josStorer/RWKV-Runner 视频教程：https://www.bilibili.com/video/BV1hM4y1v76R/?vd_source=2d2 ......
Vue项目element-ui 添加动态校验
需求：一个表单中某个字段，根据另一个字段变化，校验是否必填 <el-form ref="detail" :model="detail" :rules="ruleData" size="small" label-width="100px"> <el-card> <el-row> <el-col :sp ......
Element中table表格自定义表头添加有点击事件的按钮，并传输自定义参数
介绍 最近用到 element 的表格的 render-header 属性，官方似乎没具体说明怎么使用，然后自己找资料实现了满足需求的解决方案。 需求1: 在表头放一个带点击事件的按钮 需求2: 点击按钮时需要传输自定义参数（用来区分点击的是哪一列） 主要以 render-header 进行扩展使用 ......
【Element】el-image 预览功能配置
```html ``` 处理数据 ```ts imgList.push(...res.rows); imgList.forEach((item: any) => { item.imageList = [item.image]; }); ``` ......
【Element】el-dialog 内使用 el-image 并添加 preview-src-list 预览，拖拽导致图片预览不完整问题
## 现象 el-dialog 内使用 el-image 并添加 preview-src-list 预览，拖拽导致图片预览不完整 ```html ``` ![在这里插入图片描述](https://img-blog.csdnimg.cn/3ef1156885954a4fb5891f69b54f20e4 ......
element-ui中table组件的全选禁用遇到的坑？
elementui只提供了除全选之外其他复选框的禁用方法： <el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column> // 禁用table中的复选框 ......
常用的CSS样式
隐藏input输入框的增减按钮/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;} / ......
C#里面设置ListView单列（某个单元格的样式：颜色和字体等
C#里面设置ListView单列（某个单元格的样式：颜色和字体等）。 ListViewItem lvi = new ListViewItem((i + 1).ToString()); lvi.UseItemStyleForSubItems = false; ListViewItem.ListView ......
vue element 多个Form 表单同时验证
多个Form内容统一提交验证 1 <el-form ref="form1"></el-form> 2 <el-form ref="form2"></el-form> 3 <el-form ref="form3"></el-form> 4 <el-form ref="form4"></el-form> ......
normalizeKey is not a function #element #vue #疑难杂症
normalizeKey is not a function #element#vue#疑难杂症 原因是组件中使用了 import { Search } from '@element-plus/icons-vue' 解决方案是，在 main.ts 中，将 Vue 的引入置顶。 // TOP impo ......
Vue element 表单验证不通过时，滚动到校验未通过位置
我们在使用elementIUI实现表单验证，内容比较多的时候，提示内容会被遮挡，这时候用户不清楚什么情况，还会连续点击提交按钮。这个时候需求来啦：我们需要在表单验证不通过的时候，页面滚动到对应校验不通过的位置。 ###大致思路 在表单验证方法validate中，提供了两个参数：是否校验成功，和未通过 ......
vue3项目实战+element-plus
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架 ......
带样式的console.log
* log的二次封装 * 具体代码 ```js function print(info) { const contentArr = info.map(info => info.content); const styleArr = info.map(info => info.style).map(st ......
普通表格table样式美化
```css table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #e9e9e9; } table th { background: #f7f7 ......
Prism对话框之自定义DialogWindow
# Prism对话框之自定义DialogWindow ## 1. 自定义DialogWindow窗体样式 (1)定义DialogWindow窗体类，注意要实现IDialogWindow ```C# /// /// CustomDialogWindow.xaml 的交互逻辑 /// public pa ......
解决el-button的:focus引起的样式问题
问题描述 当点击按钮时，按钮处于灰色状态，但是鼠标移出按钮，按钮并没有回复成原本的颜色 问题产生原因 在鼠标点击按钮后，按钮处于:focus状态 // element的源码.el-button:focus,.el-button:hover { color: var(--el-button-hover ......
vue+element根据表单中选项切换，更改表单验证规则
表单：<el-form-item label="周期间隔（天）" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔（天） ......