logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

el-tooltip的小箭头样式的修改

原理是,eltooltip会在内部增加一个popper__arrow 给一个有宽度的边框,给popper__arrow 伪元素也来一个边框,如果是展示在top的tooltip,就给border-top-color颜色,做出这样三角的效果。之所以两个都给了,是因为light模式有个边框阴影的效果上面的css代码只修改了展示在top的效果,上下左右top、bottom、left、right都要写,如果

文章图片
#前端#elementui
vue-draggable-resizable伸缩antdv的a-table表格列时components等数据的写法

Vue2官方地址Ant Design Vue官方给的地址表头数据、表格和ResizeableTitle都是写在外面的,不好用。这里给一个经过请求获取表格数据之后在伸缩的写法<template><div>测试表格<a-tablebordered:columns="headerData":components="components":data-source="table

文章图片
#vue.js#javascript
如何使用自定义的Element-Plus组件,直接手改源码使用

element-plus很好用,但是有些地方还是不太完美,比如日期选择之后输入框不失焦,处理起来很麻烦,不如直接改源码教程在这里。

文章图片
#javascript#vue.js#前端 +1
DataV轮播表数据太长内容展示不全的解决方法

解决方法:直接手改源码+使用el-tooltip注:这里只涉及vue3的版本。

文章图片
#vue.js#javascript
解决uView添加自定义图标不成功

自定义图标的添加方法:CustomIcon 扩展自定义图标库 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架这里1.0版本和2.0版本教程都是一样的,估计是很长没解决了。解决步骤:1.先按照上述链接把图标css文件下载下来,然后把css中的修改成和官方教程中的一样2.修改css中的类名,把custom-icon改成custom-icon-,(原理

#javascript#小程序
Vue项目antdv中scopedSlots的customRender和customRender函数冲突

如上代码会因为scopedSlots中有customRender,下面有customRender函数,因此不会出现两个效果,以后面的customRender函数中的return出去的内容为准// js中数据this.headerData.push({title: "test",dataIndex: "test",key: "test",..

#javascript#前端
vue-draggable-resizable伸缩antdv的a-table表格列时components等数据的写法

Vue2官方地址Ant Design Vue官方给的地址表头数据、表格和ResizeableTitle都是写在外面的,不好用。这里给一个经过请求获取表格数据之后在伸缩的写法<template><div>测试表格<a-tablebordered:columns="headerData":components="components":data-source="table

文章图片
#vue.js#javascript
antdv表格(a-table)中的customRender函数return输出dom元素的写法

customRender函数来源参考:antdv合并表格行或列customRender: function (text, record, index) {return <hellowordrefName={v.code}ref={v.code}name={name}//原版为:name

#javascript#前端
关于antdv表格中customRender不起作用的研究(Vue2)

官方给的案例一个是表格中的合并Ant Design VueAn enterprise-class UI components based on Ant Design and Vuehttps://1x.antdv.com/components/table-cn/#components-table-demo-colspan-and-rowspan一个是表格中的可编辑Ant Design VueAn

#前端#javascript
    共 12 条
  • 1
  • 2
  • 请选择