DuebassLei的博客_Vue原创博文

javascript

vue.js

前端

数组

封装

原创 2022-03-02 09:37:42 3242 阅读

Antd-vue Table组件添加Click事件,实现点击某行数据操作

给Table组件添加Click事件,实现点击某行数据操作customRow设置行属性Function(record, index)通过customRow 属性给table添加自定义事件<a-table :columns="columns" :dataSource="data" :rowSelection="{selectedRowK...

click事件

数据操作

自定义事件

Java

原创 2022-01-13 11:31:17 938 阅读

在vue中使用moment.js插件格式化日期

Moment.js格式化日期前言在vue项目中使用安装moment.js包定义时间格式化全局过滤器参考前言Moment是一个JavaScript 日期处理类库在vue项目中使用安装moment.js包npm install moment --save定义时间格式化全局过滤器在需要使用的组件中导入import moment from 'moment'export default...

时间格式化

插值

日期处理

Java

原创 2022-01-13 11:31:17 264 阅读

vue-pdf查看pdf文件及打印乱码问题处理

目录内容vue-pdf 使用安装引入自定义封装pdf预览组件使用预览效果点击下载打印预览pdf打印乱码解决办法解决办法乱码解决，打印预览正常以下为本人修改的pdfjsWrapper.js文件，亲测解决乱码问题内容vue-pdf预览pdf文件及打印预览乱码问题解决vue-pdf 使用安装npm install --save vue-pdf引入import pdf from "vue...

pdf

vue

加载

css

乱码解决

原创 2022-01-13 11:31:16 669 阅读

时间戳计算所间隔天数

时间戳计算间隔天数计算Math.floor((结束时间−开始时间)/(24∗3600∗1000))Math.floor((结束时间-开始时间)/(24*3600*1000))Math.floor((结束时间−开始时间)/(24∗3600∗1000)) <template slot-scope="{ row }"> <...

时间戳

Java

原创 2022-01-13 11:31:15 1195 阅读

JavaScript将JsonObject转为JosnArray

文章目录需求获取到的数据如下，需要将result对象转成json数组核心代码调用转化函数测试验证需求在使用Antd-vue的Table组件时，数据dataSource为数组类型，现在使用查询接口的时候返回的时json对象，需要前台进行转化为json数组获取到的数据如下，需要将result对象转成json数组{ "resultCode": 0, "result": { ...

javascript

数据

json数组

json

Java

原创 2022-01-13 11:31:14 326 阅读

JavaScript将JsonArray转为JsonTree

文章目录需求核心代码测试效果需求从后端接口获取数据，将List集合以Json形式返回，返回数据形如下所示，为了前端以树形结构展示，需将一维数据转化为树形结构数据。[ { 'groupId': '1', 'appId': 'M78', 'groupCode': '1', 'par...

javascript

tree

数据

json

ide

原创 2022-01-13 11:31:14 258 阅读

vue中使用video.js插件实现视频播放

文章目录video.js实现视频播放安装main.js中引入在VideoPlayer.vue 组件中使用效果video.js实现视频播放在vue中使用video.js实现文件播放。安装yarn add video.jssuccess Saved 24 new dependencies.info Direct dependencies└─ video.js@7.6.5info Al...

video

ide

视频播放

加载

Java

原创 2022-01-13 11:31:14 738 阅读

vue中使用vue-quill-editor富文本编辑器及自定义工具栏

文章目录前言使用vue-quill-editor安装引入使用效果自定义vue-quill-editor工具栏Quilljs官网说明自定义工具栏参数项前言在Vue项目中使用vue-quill-editor富文本编辑器及编辑器自定义工具栏。使用vue-quill-editor安装yarn add vue-quill-editor --save引入import VueQuillEdito...

editor

工具栏

自定义

官网

Java

原创 2022-01-13 11:31:13 968 阅读

vue-element多文件上传多次请求接口问题解决办法

element-ui多文件上传请求多次接口解决办法问题使用element-ui上传多文件时，发送请求出现多次提交问题,重复上传警告: 切勿将发送后台请求的axios方法写在自定义上传方法如:http-request="handleHttpRequest"中,否则将会按文件数量发送，造成多次请求，不符合预期提交一次上传多个文件。覆盖默认上传,自定义上传:http-request覆盖默认...

vue

element-ui

上传

自定义

ios

原创 2022-01-12 15:39:21 801 阅读

vue 生命周期

vue 生命周期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

vue

html

数据更新

服务端

其他

原创 2022-01-12 15:39:21 95 阅读

VuePress搭建个人网站

VuePressVuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创

vue

github

项目结构

技术文档

原创 2022-01-12 15:34:49 706 阅读

axio使用get方法之传递对象数组问题及解决方法

axios的get方法传递对象数组问题描述解决办法问题描述使用axios发送get请求，传递参数如下格式：const params = { filter: [{

vue

axios

ios

get方法

数组

原创 2022-01-12 15:31:53 564 阅读

nginx部署VuePress静态个人博客

nginx部署VuePress生成的静态博客编译打包 yarn docs:build #编译打包打包成功nginx配置 location / { root html/dist; index index.html index.htm; try_files $uri $uri/ /index.html; }...

VuePress

git

html

编译打包

原创 2022-01-12 15:31:25 2862 阅读

vue-pdf预览（以二进制格式存储在数据库中的文件）

前言使用vue-pdf插件预览数据库中以二进制存储的pdf文件之前写的一篇是: vue-pdf查看本地pdf文件及打印乱码问题处理后端文件以流的方式返回 @GetM

pdf

加载

ico

数据库

原创 2022-01-12 15:29:44 669 阅读

Vue中axios实现文件流下载

文章目录Vue中axios实现文件流下载前言:bookmark:以文件流返回:bookmark: axios请求封装定义`Api`接口调用导出`excel`文件接口Vue中axios实现文件流下载

vue

excel

axios

ios

文件流

原创 2022-01-12 15:29:33 540 阅读

element-ui 表单数据提交之多图片上传

Vue element 表单数据提交之多图片上传需求目前有这样一个表单，其中包含基础input数据，及选择多图片同表单一起提交后台选中后

vue

element-ui

上传

数据

表单

原创 2022-01-12 15:29:06 521 阅读

Cordova+Vue打包Android Apk

文章目录Cordova打包Vue移动端项目Android环境要求安装Cordova安装Android SDK安装GradleCordova创建项目Vue项目使用Cordova打包创建一个的Vue项目github源码Cordova打

android

vue

cordova

创建项目

移动端

原创 2022-01-12 15:16:04 678 阅读

Vue使用手写签名组件Sign-Canvas

前言使用【sign-canvas】组件二次封装自定义手写签名组件，一个基于canvas开发封装实现的通用手写签名板(电子签名板),支持PC端和移动端，效果如

vue

ico

封装

线框

原创 2022-01-12 15:14:41 842 阅读

van-picker级联选择（获取多个字段）

前言使用Vant的picker级联选择返回多个字段数据信息官方文档修改onConfirm事件

vue

数据

数组

二级

原创 2022-01-12 15:14:26 1554 阅读

Vue中使用Viser(基于AntV-G2可视化引擎)

vue

数据可视化

2d

简单使用

数据

原创 2022-01-12 15:11:42 1636 阅读

van-picker级联选择（自定义字段显示）

前言van-picker级联选择将自定义平铺结构转化为层级结构数据动态$set()给每一条数据对象添加text属性用于展示数据处理原始数据[ {id: 'node1',pid: 'root',content: 'test'}, {id: 'node2',pid: 'root',content: 'test'}, {id: 'node3',pid: 'node1',c...

vue

数据

父节点

子节点

原创 2022-01-12 15:11:35 1560 阅读

Vue动态路由传参和监听路由

Vue动态路由传参query传参params传参//定义Detail路由{ path: '/detail/:id', name: 'Detail' component: () =>

vue

初始化

数据

刷新页面

原创 2022-01-12 15:11:16 1050 阅读

Capacitor+Vue+Vant移动端打包总结

Capacitor 打包Android出错问题总结问题一在使用Capacitor打包Android项目上运行该应用程序时遇到问题。Android Studio拒绝运行项目并显示以下

vue

android

ios

java

原创 2022-01-12 15:09:41 1520 阅读

Capacitor实现WebView中访问的自定义Android代码

前言Capacitor 自定义插件实现WebView中访问的自定义Android代码最近在工作中使用Vue+Vant+Capacitor 开发打包移动端应用，因业务需求需与原生的Android进行数据通信，通过webview访问原生Andro

android

webview

vue

移动开发

自定义插件

原创 2022-01-12 15:09:04 589 阅读

vue之vue-pdf预览pdf内容文字丢失问题

环境vue-pdf 4.0.6vue 2.x前言上传一般的普通pdf正常预览，但是上传带有红头文件的和和特殊字体的pdf无法正常内容显示，文字丢失问题。效果对比修改前

vue

vue-pdf

vue-pdf预览

ide

github

原创 2022-01-12 15:04:06 7249 阅读 1点赞

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

海边的小溪鱼

欢迎

js删除数组中指定对象

Antd-vue Table组件添加Click事件,实现点击某行数据操作

在vue中使用moment.js插件格式化日期

vue-pdf查看pdf文件及打印乱码问题处理

时间戳计算所间隔天数

JavaScript将JsonObject转为JosnArray

JavaScript将JsonArray转为JsonTree

vue中使用video.js插件实现视频播放

vue中使用vue-quill-editor富文本编辑器及自定义工具栏

vue-element多文件上传多次请求接口问题解决办法

vue 生命周期

VuePress搭建个人网站

axio使用get方法之传递对象数组问题及解决方法

nginx部署VuePress静态个人博客

vue-pdf预览（以二进制格式存储在数据库中的文件）

Vue中axios实现文件流下载

element-ui 表单数据提交之多图片上传

Cordova+Vue打包Android Apk

Vue使用手写签名组件Sign-Canvas

van-picker级联选择（获取多个字段）

Vue中使用Viser(基于AntV-G2可视化引擎)

van-picker级联选择（自定义字段显示）

Vue动态路由传参和监听路由

Capacitor+Vue+Vant移动端打包总结

Capacitor实现WebView中访问的自定义Android代码

vue之vue-pdf预览pdf内容文字丢失问题