前端
qq_33641175
这个作者很懒,什么都没留下…
展开
-
扩展el-table-column添加字典转换功能[使用Mixins]
需求在el-table-column上添加一个code属性就可以实现字典值显示实现通过mixins混入el-table-column, 再修改其中的renderCell方法, 实现目标;文中项目使用webpack打包, 通过定义别名在开发环境import elementui/TableColumn, 在生成环境使用window.ELEMENT.TableColumn 避免生成的文件过大自定义组件<script>/*引入需要混入的TableColumn*/import Tabl原创 2022-01-09 18:54:34 · 1118 阅读 · 0 评论 -
扩展el-table-column 添加字典转换功能
目标在el-table-column上加一个code属性, 无需其他配置就可以显示字典值实现新建组件, 给el-table-column套一层, 添加属性code, 在组件初始化后加载字典;如果有code, 使用el-table-column的slot进行字典值的展示;如果有slot, 就把el-table-column的slot中的参数接出来再发出去自定义组件<template> <el-table-column v-bind="$attrs" :format原创 2022-01-09 15:23:46 · 2590 阅读 · 0 评论 -
通过hover显示子元素
<style>.parent{}.parent:hover>.child{display:inherit}.child{display:none}</style><div class="parent">需要通过class为child设置display:none; 如果直接元素上写style="display:none;", 会不生效<div class="child">chid</div></div>以上基于原创 2021-11-12 19:33:02 · 826 阅读 · 0 评论 -
uniapp flex 未生效, 未自动分配高度
flex在打包后未无效, 在浏览器中有效<template> <view class="m-check"> <view class="" style="width: 100%; background-color: #1890FF; flex:10;"></view> <view class="" style="flex:80;background-color: yellow;"></view> <view clas原创 2021-10-08 20:49:54 · 1342 阅读 · 0 评论 -
Chrome devtools 打开耗时
Chrome(94.0.4606.61) 的devtools的语言选择"English (UK)"时, 打开会耗时 6秒, 选择 “English (US)” 和 中文, 不会有这个问题原创 2021-09-29 09:17:39 · 200 阅读 · 0 评论 -
splice清空数组不生效
直接写var a = [1,2,3];a.splice(0,3);console.log(a) // []可以删除的, 但是var a = [1,2,3];a.splice(0.a.lenght); // 不生效console.log(a) // [1,2,3]没效果长度的属性是length, 不是 lenght原创 2021-04-23 23:00:24 · 591 阅读 · 1 评论 -
[Vue warn]: Cannot set reactive property on undefined, null, or primitive value: false
v-model使用错误, 应该直接使用属性, 不能进行转换<!-- 错误 --><van-popup v-model="!dwxz.hidden" /><!-- 正确 --><van-popup v-model="dwxz.hidden" /><van-popup :value="!dwxz.hidden" @input="dwxz.hidden=!$event.value" />...原创 2021-04-23 22:59:36 · 15706 阅读 · 1 评论 -
修改HBuilder的livereload添加自定义响应模块
需求使用HBuilder开发html模块, 图他的自动刷新, 但是自带的服务器只能访问静态资源, 不够灵活使用 json-server, 前端网络工具用的ajax, 不支持POST跨域配置nginx解决跨域, 本来就是图方便, 怎么还能让人点2次呢之前改造过livereload, 我觉得可以再改一次过程通过比对HBuilder服务器启动前后的进程列表, 确定使用的是node.exe通过命令获取所有node进程的启动命令wmic process where caption="node.原创 2021-04-16 13:37:39 · 615 阅读 · 0 评论 -
[记] layui table渲染
渲染方式网络数据+cols见layui官网 示例网络数据 + thead>th见layui官网 示例本地数据 + cols(使用table.render(option))<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>本地数据+cols</title> <meta name="renderer" content="webkit"原创 2021-02-04 10:50:42 · 137 阅读 · 0 评论 -
[记] layui 更新单元格内容
总述编辑列内容, 对输入内容进行校验, 如校验失败, 将单元格内容置空在单元格中插入自定义元素, 并通过操作自定义元素更新表格内容, (通过template在table中插入3个radio, 通过选择不同按钮修改表单值)在单元格编辑事件监听中修改单元格值(需要同时修改table.cache中的值和动态input的value[关键])图示未选中"修改"时, 修改"新售价", 给出提示, 并将"新售价"置空选中"修改"是, 可以修改"新售价"再次未选中"修改"是, 置空"新售价"代码原创 2021-02-03 22:33:45 · 912 阅读 · 0 评论 -
在js中修改Vue组件的mounted方法
目标通过覆写Vue.component, 在js文件中修改Vue组件的mounted方法过程文件引入顺序是vue.js, local.js, 第三方控件vue.js 版本2.6.12第三方控件local.js 自定义的修改实现文件(function() { var factory = { "需要修改的组件的name": function(comp) { // 修改方法 comp.mounted = function() { /* 这里需要复制粘贴原有的源码*/原创 2021-01-02 16:39:30 · 1512 阅读 · 0 评论