txf666的博客

写过react的都知道hooks用着非常顺手，所有的状态、行为啥的都可以使用hooks直接导出使用，而且还能根据state的变化触发视图更新，总之非常的方便快捷。所以在vue里面实现与react-hooks一样的功能，那么会使得vue开发变得一样畅快淋漓！

需求背景：一个使用radio选择选项的操作确认弹窗，然后这个弹窗很多地方使用，但又不想写成组件调用而使用方法调用更加简单便捷elementUI官网对于这种复杂的内容推荐使用dialog，意思就是调用这种相同内容的dialog只能通过组件方式调用了。但对于目前这个多页项目十几个页面使用，要想通过组件形式调用那每个页面都要去注册这个组件，所以拒绝使用组件方式。那就按照上面的方法使用$createElement创建元素。最开始直接创建的el-radio这个标签想直接使用element 的radio，但问

ElementUI select组件实现全选效果图： <el-form-item label="发薪部门"> <el-select size="medium" filterable v-model="downloadParam.orgName" clearable collapse-tags multiple placeholder="请选择发薪部门"

el-tooltip disabled属性失效动态判定是否出现el-tooltip的时候出现了这么一个问题：点击第一次会出现效果，后面点击即使满足条件 !tag.name.length 也再也没有出现el-tooltip的效果。<template v-for="(tag, index) in selectUsersArray"> <el-tooltip :content="tag.name" :disabled="Boolean(tag.name.length<6)" plac

element-ui官网中的例子特别简单，但实际的原理也是那么如此。解析一下示例代码的意思：objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {//哪一列可以合并（第一列） if (rowIndex % 2 === 0) {//满足合并行的条件（偶数行） return { rowspan: 2,//合并的行

elementUi 里面的table组件使用了固定列fixed，当表格数据为空时底部的滚动条不可滑动。主要原因就是固定列的div把滚动条给遮住了，由于层级的原因导致点不到下面的滚动条所以滚动条就失效了。解决方法：1.改变这个固定列盒子距底部的距离，致使不遮住滚动条。 /*解决固定列遮盖底部滚定条导致滚动条无法滚动的问题*/ .el-table .el-table__fixed { height: auto !important;

element UI 日期月份范围选择器不能选到起始月份今天在修改以前写的原来需求的时候，遇到了日期月份范围选择器不能选到起始月份的问题。以前只是个单月份选择限制，现在要改成月份范围。以前写的代码如下：pickerOptions: { disabledDate: (time) => { var date1 = new Date('2019-11-01'); var date2 = new Date(); return time.getTime

vue中elementUi 动态生成table表头和固定列表格塌陷的问题事由：项目中很多时候都会用到自定义表格动态渲染出需要的表头名称，特别是elementUI中table需要使用到固定列机及其会出现表格塌陷的问题。表格里面是有数据的，但是表格的高度塌陷了，导致内容被遮挡了。解决：需要我们在updated生命周期中使用doLayout()重新渲染表格原因：数据从后端拿过来，数据太多还没来得及渲染完表格的高度就被固定死了，导致了表格塌陷的问题，所以我们得在数据更新完之后再重新渲染一下表格。...

elementUI关于checkgroup不支持对象绑定的问题今天在项目中遇到一个需求，就是动态渲染一个组合复选框使用的是elementUI里面的组件上面是官网的一个例子，其中const cityOptions = [‘上海’, ‘北京’, ‘广州’, ‘深圳’];也暗示了选项的局限性，（不支持数组复杂类型的绑定）项目中的需求肯定是复杂数据类型的渲染：label动态绑定id之类的下面就是我项目中解决的代码。**注意1：**在渲染的时候使用后台返回的数组对象进行渲染checkgroup，之后你得单