样式el-select select el
el-menu 选择子菜单 父菜单没高亮
/* 子菜单active */ .page-sidebar .el-menu-item.is-active .iconfont-cahnge { color: #cc0000 !important; } /* 主菜单和子菜单同active */ .page-sidebar .el-submenu.i ......
el-tree筛选时保留父节点和子节点
watch: { filterText(val) { console.log('val', val); this.$refs.tree.filter(val); } }, methods： // 筛选 filterNode(value, data, node) { if (!value) retur ......
富文本样式处理
读取富文本接口,对富文本的样式进行处理 此处为uniapp的方式 (微信小程序同理) res.data.article_content=res.data.article_content.replace(/(style="(.*?)")|(width="(.*?)")|(height="(.*?)") ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值，通过利用v-bind指令 🎄情景： 假设存在多个class样式，并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后，类名变为"basic happy" or "basic sad" ......
如何给el-table中某一列加指定内容和点击事件
背景： 小颖最近在写项目时遇到了要给 element-ui 中的 el-table 在 v-for el-table-column 标签时给某列加内容和点击事件，项目忙完了想着总结一下，下面一起来看下具体怎么实现吧 页面效果： 公共数据： data() { return { tableData: [ ......
Mysql - Error 1055: Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'user.nickname' which is not functionally dependent on columns in GROUP BY clause
编写SQL时需要如下错误，即出现错误 ERROR 1055，SELECT列表不在GROUP BY语句内且存在不函数依赖GROUP BY语句的非聚合字段'edusassvc.u.nickname',这是和sql_mode=only_full_group_by不兼容的（即不支持）。 分析问题 1)原理层 ......
el select 选项多列，换行，表格，数据量大，全部显示，自定义el-select，el-select插入表格
1、效果图： 2、实现： 自定义下拉框内容，采用radio或checkbox作为选项绑定值 <template> <el-select v-model="selectValue" v-bind="$attrs" clearable> <!-- 隐藏的option组件，展示下面的插槽 --> <el- ......
el-table修改某一行数据不生效怎么回事？
1 <el-table 2 ref="multipleTable" 3 :class="{ 'no-multiple': !isMultiple }" 4 @select="selectTable" 5 border 6 :key="isUpdate" 7 :data="tableData" 8 > ......
Qt 给QCheckBox增加样式
一、概述 做一个好看的QCheckBox 二、示例 1.样式 QCheckBox { spacing:5px; } QCheckBox::indicator { width: 24px; height: 24px; } QCheckBox::indicator:unchecked { image: ......
Qt给QRadioButton设置自定义样式
一、概述 做一个好看的QRadioButton。可以选中，取消选中。 二、代码示例 1.样式 QRadioButton::indicator::unchecked { border-image: url(images/user_protocol_uncheck.webp); } QRadioButt ......
自定义滚动条样式
在要添加滚动条的标签样式中添加，注意lang="less“ 1 ::-webkit-scrollbar{ 2 width:12px; 3 background-color:#f1f1f1; 4 } 5 /*定义滑块 内阴影+圆角*/ 6 ::-webkit-scrollbar-thumb{ 7 ba ......
如何动态展开el-tree的某个子节点
需求： 当添加文件夹或者表单时展开该节点 addChildDirectory(node, data) { this.$nextTick(() => { // 重命名时展开改文件夹 this.$refs.tree.store.nodesMap[data.id].expanded = true; }); ......
el-table动态表头踩坑
// 获取表格动态表头 getTableHead(data){ let _list = []; if(Array.isArray(data) && data.length>0){ data.forEach((item, index) => { let obj = {} item.evaluateVa ......
vue引入外部样式只在当前文件生效
引入外部文件时，想要只在当前组件使用，但是我们使用如下方式时，会在全局使用。因为在scoped起作用的时候，import还没有引入这个文件 <style scoped> @import "../../xx.css" </style> 使用以下方式即可 <style scoped src="../.. ......
JQuery获取select点击option的data-*属性
<option value="33333" data-socketid="1111" data-numnew="22222">4444</option> $(document).on('change', '#institute-select', function () { // 这里是重点，使用at ......
Civil 3D导入样式后修改相应设置
在上一篇随笔中， 展示了从样板文件中导入样式到当前文档中， 某些情况下， 导入样式后需要"使用"从样式， 比如创建横断面图时想使用刚刚导入的样式作为默认样式， 只需简单的几行代码即可完成相应的操作。 下面是上一篇随笔中的代码修改后的情况： public void C_SETest() { strin ......
el-tbs 权限控制
1. 需求 需求：实现一个 el-tabs 的权限控制，只有管理员才能操作，普通用户既看不到也不能操作 2. 分析 一般要实现按钮权限控制都是使用封装指令 v-permission 指令，但是类似“Tabs”这类组件不能使用 v-permission 指令实现权限控制。 因为 v-permissio ......
流媒体播放器EasyPlayer播放H.265与H.264时进度条样式异常该如何解决？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
el-input 格式化输入值
1. 只允许输入数字，并保留两位小数 <el-input class="config-input" type="number" v-model="v.minHeight" placeholder="" :min="0" @input="v.minHeight = Number(Number(v.mi ......
app直播源码，uniapp之自定义顶部样式
app直播源码，uniapp之自定义顶部样式 //需要自定义顶部样式的页面配置{"path" : "pages/case/index","style" : { "navigationBarTitleText": "案例","navigationStyle": "custom", "enablePul ......
el-table列相同数据合并行
1、效果 2、数据 [ { "date":"2016-05-02", "name":"王小虎", "address":"上海市普陀区金沙江路 1518 弄" }, { "date":"2016-05-04", "name":"王小虎", "address":"上海市普陀区金沙江路 1517 弄" } ......
element-ui——时间范围选择el-date-picker，赋初始值后发现值无法再被修改
时间范围选择： <el-date-picker v-model="valueArray" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker> 一 ......
vue2+element 多选框多选时不换行（el-select组件）调整为鼠标左右滑动查看
1 <el-select v-model="name" multiple placeholder="请选择" > 2 <el-option label="A" value="a"></el-option> 3 <el-option label="B" value="b"></el-option> 4 ......
如何设置博客园的样式
准备工作 首先你得注册一个博客园 https://www.cnblogs.com/ 然后申请博客 人工审核，等一下就行（或许最多一天） https://account.cnblogs.com/settings/account 申请JS权限 人工审核，等一下就行（或许最多一天） https://i.c ......
关于u-table 和el-table的问题相关
解决方式： 在u-table中引入el-table中的el-table-column,修改el-table-column为u-table-column 页面报错: vue.runtime.esm.js:619 [Vue warn]: Duplicate keys detected: 'el-tabl ......
从样板文件中导入样式到当前文档
2023年11月24日 QQ群友提出一个问题： SectionViewStyle的个别属性值无法获取， 从而无法进行修改， 开放的API中确实没有响应的枚举类型， 从而无法使用SectionViewStyle.GetDisplayStylePlan()这个方法获取到DisplayStyle， 于是我 ......
加载按钮样式
加载按钮样式： #wait { width: 40px; height: 40px; border-right: 3px solid #09F; border-top: 3px solid red; border-left: 3px solid yellow; border-bottom: 3px ......
el-table 字段自定义排序
我在element-ui中使用el-table排序，默认开启就是el-table-column上加个sortable即可，但是后端返回的数据中含有中文 列如tableData中有个字段count 对应值是 类似 13,6,2,3,4,5,10以上,7，含有中文‘以上’两个字，这个时候自带的排序已经无 ......