logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element ui dialog样式

<el-dialog customClass="customWidth" title="设备" v-model="dialogFormVisibleAdd"></el-dialog><style>.customWidth{width:80%;}</style>

vue mixins(vue3 hooks)动态获取div高度

之前转载过一篇文章:https://blog.csdn.net/qq_37167049/article/details/103084927可以动态计算div 高度,但是比较繁琐的痛点是:需要在每个需要计算高度的.vue中 都需要 copy一份,这样就很麻烦那怎么样 能解决这个问题呢?可以 参照vue 官网 使用 mixins来解决:https://cn.vuejs.org/v2/guide/mix

#vue.js#javascript#ecmascript
vue3 hooks 代替 mixins

首先要理解什么是 hooks:vue3中的hooks其实是函数的写法,就是将文件的一些单独功能的js代码进行抽离出来,放到单独的js文件中。这样其实和我们在vue2中学的mixin比较像。下面我们总结一下如何去书写hooks。以 动态获取 div 高度为例子:vue2 动态div 高度 见 之前 文章:https://blog.csdn.net/qq_37167049/article/detail

#javascript#vue.js#typescript
Vue v-for 和v-if不能同时使用解决方案

Vue v-for 和v-if无法同时使用,在二次封装form表单时候,根据需求:有的form-item 需要隐藏如下代码:当 form表单需要v-if 判断显示隐藏,第一个代码块无法支持,第二个代码块可以支持.<el-form:size="size"inline:label-width="labelWidth"...

vue 使用echart 报错Cannot read property 'getAttribute' of null

Cannot read property ‘getAttribute’ of null报错原因:echart dom 没有渲染完成需要在代码外边加上this.$nextTick(()=> {代码})

elementui table 默认带滚动条 导致 表头不对齐问题

当页面加载数据,数据条数太多,导致table出现滚动条,应该是 dom渲染问题,table默认加载没有滚动条.数据多 异步加载导致如下问题,解决方案:src->styles->index.scss 或者 APP.vue下 添加 如下 样式,缺一不可! 之前网上搜 直说 写上面的就行,但是 根本不好使!这么写,强行覆盖滚动条样式,width=滚动条宽度 就ok了!// 全局设置b...

vue修改 表格数据

在使用 element-UI 中el-table时,更新TABLEDATA 中 ROW的某一个属性时,没有更新视图的问题。原因:受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的例:由于table表格只能监听整个row的变化,不..

mac m1芯片 安装 nvm 踩坑日记

nvm 是什么?nvm 可以 管理 本地 node 版本,多个项目 使用 多个 不同版本的 node,完全是合理的存在,总不能用什么版本下载什么版本,不用的在卸载吧。那么 nvm 就是一个很好用的 node版本 管理工具如何安装 nvm?mac m1 芯片 安装 nvm的 坑比较多,查阅好多资料,基本该踩的坑我都踩了,那么我来总结一下安装方法:1. 安装 nvm(可能需要连 vpn,至少我是需要的

elementui DatePicker 默认值,时间范围,传参格式化

效果:功能(以基本涵盖日常开发需求):默认 选中 7天前 ~ 今天日期前台显示格式为 日/月/年, 后台传参格式为 年-月-日当前日期之后 不可选,6个月前日期不可选快捷 选择 7天,一个月,三个月时间比较麻烦的点在于 默认之间到底应该怎么设置?官方给出 api :default-value,但查阅相关资料好像比较麻烦。之后通过如下方式实现:<el-date-pickerv-model="s

#elementui#前端#javascript
到底了