logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中将table导出为excel文件

目前实行这个功能的方案有很多,我这里使用的是 xlsx 插件在需要使用的地方引入注意这里可能会遇到一个坑,如何引入完 XLSX运行项目是报这个错误。

文章图片
#vue.js#前端
vue中实现瀑布流布局(masonry-layout )

在需要使用的组件中引入,下面是一个完整的实例;按照上面的实例配置,即可实现一个简单的瀑布流布局。

文章图片
#vue.js#前端#javascript
vue中使用monaco-editor实现代码编辑器

这样就可以实现一个简单的代码编辑器功能了,有问题可以随时私信!下面是我封装的完整代码,是结合el-dialog组件来实现的。我这里是将其封装成了一个组件来使用的,代码如下。

文章图片
#vue.js#编辑器#前端
在vue项目中将数据导出为pdf

el-button @click="exportDataToPDF">导出</el-button>// 获取要导出为PDF的元素(此处假设我们要导出整个页面)// 使用html2canvas将元素转换为canvas对象// 创建PDF实例// 将canvas画布作为图像添加到PDF// 导出PDF文件});这是完整代码<template><el-button @click="exportDataT

文章图片
#vue.js#javascript
jquery-i18n实现国际化(翻译)功能

前段时间,在公司做了一个jquery项目,里面有一个中英文切换功能,以往都是在vue中做的,也是第一次在jquery中做,这里使用的是 jquery-i18n这个插件来做的。

文章图片
#jquery#前端#javascript
vue使用logicflow实现流程图

LogicFlow是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端自定义开发各种逻辑编排场景,如流程图、ER图、BPMN流程等。在工作审批流配置、机器人逻辑编排、无代码平台流程配置都有较好的应ten。

文章图片
#流程图
给el-table-column添加指定列的点击事件

要在tempmate中写上 {{booktitle}}就是 el-table-column中的prop属性。这样单元格中才会显示内容,否则内容为空,绑定的方法中一定要传参数(scope.row)首先是要区分是vue2还是vue3,vue2和vue3中的用法是不一样的。这里是要插槽来实现的使用solt-scope 配合template来使用。只需要将 solt-scope换成 #default即可,

文章图片
#vue.js#elementui#javascript
vue3中如何使用swiper

在组件中引入 animate.min.js 与 animate.min.css。下载 animate.min.css animate.min.js。到这一步swiper轮播图就已经可以正常使用了。这样就引入完毕了,按照官网中用法(

文章图片
#前端#javascript#开发语言
    共 11 条
  • 1
  • 2
  • 请选择