最近需要在不使用UI框架的情况下封装一个简单的表格,由于对antd-vue比较熟悉,所以仿照了antd-vue的样子写了个简化版的Table组件。 组件源码见另一篇博客, 用到的技术栈:VUE3、SCSS 用过antd-vue的都应该知道table组件主要的传参是两个:columns ...
首先需要下载插件 xlsx : . . 然后在mainjs当中引入xlsx 并进行全局方法的封装 import XLSX from xlsx function 生成表格的方法 param String excelName 文件名 param Array titleArr 数据表头显示 param Array dataArr 数据内容显示 const ToDoExcel excelName, ti ...
2021-06-13 19:33 0 2391 推荐指数:
最近需要在不使用UI框架的情况下封装一个简单的表格,由于对antd-vue比较熟悉,所以仿照了antd-vue的样子写了个简化版的Table组件。 组件源码见另一篇博客, 用到的技术栈:VUE3、SCSS 用过antd-vue的都应该知道table组件主要的传参是两个:columns ...
【方式一】:通过设置customRow达到目的,点击时遍历所有行设置为正常颜色,把当前行设置为特殊颜色(高亮色) HTML: JS -> methods: CS ...
安装antd-vue并按需加载(详见 https://www.antdv.com/docs/vue/use-with-vue-cli-cn/ ) 若不想按需加载antd-vue,想一次性全部引入 antd表格的使用(包括自定义表格列,表格分页,vue中的对象格式与react ...
: 实现效果如下: ...
最近,项目中碰到需求,要求任务类型可以从下拉框(后台返回的数据)中选择,也可以手动输入添加新项,项目用的是antd-vue,所以最接近的组件就是a-select组件了,废话不多说,改造方法如下: HTML: View Code data定义 ...
利用vue实现Excel导出, 因为ajax必须有返回,而导出excel是没有返回的,并且还在api中实现导出具体逻辑,所以就用下面的方式实现了 代码实例: 我是后端,但是我已经懂了 代码架构接之前的博文https://www.cnblogs.com/two-bees/p ...
方法一: 直接取消scoped scoped的作用是防止样式冲突,当前页面/组件写的类名与对应的样式只会作用在当前的页面/组件 取消了scoped以后,页面的样式将会作用到全局。 ...
antd-vue 如图 : 如图:下拉框的value若为多选时,domain(该input)回显对应options, 如果没有增减按钮,这个需求在通过for循环的input-item上拿到当前index并对其进行操作,但在有了增减按钮后,index已经不能完成当前需求 ...