- 博客(10)
- 收藏
- 关注
RSS订阅原创 vxe-table/vxe-grid 国际化的使用、支持多语言
背景：在vxe-table中，会有些组件自身带的文案需要做成国际化，比如表格下的分页、日期插件等。技术背景：vue3+TypeScript+vxe-table。
2023-12-29 15:54:29
1411
1
原创 vue3+腾讯地图TMap
在vue3中使用腾讯地图TMap前提：在使用前 需要到腾讯地图官网去注册申请 申请通过官方会给一个key值作为标识；使用腾讯地图目的是获取位置信息也就是经纬度，下面来看下腾讯地图的使用一、功能分析可以根据关键字模糊搜索点击地图可以获取到具体的位置也就是经纬度刚进入地图获取到当前的地址位置知道了具体需要哪些功能了 就开始代码了1.要在项目下的public中的index.html中引入腾讯地图 这个是因为腾讯地图没有同步vue 所以在index.html中引入 其中的key 是上面说的 申
2021-11-22 14:19:03
9647
5
原创 vue3自定义v-loading指令directives
vue3自定义v-loading指令directives1.在项目的src下创建一个directives文件夹写相应的指令2.比如自定义全局的v-loading 在文件下创建loading<template> <div class="loading-container"> <Loading size="300" /> </div></template><script lang="ts">import {
2021-11-19 17:02:42
2920
原创 vue3 + ts + element-plus + sortable.js实现表格行的拖拽
vue3 + ts + element-plus + sortable.js实现表格行的拖拽1. 安装sortable.js使用npm install sortable.js --save 或者 yarn add sortable.js2.引入sortable.jsimport Sortable from 'sortablejs3.具体API可以看文档https://www.itxst.com/sortablejs4.代码如下图rowDrap()方法初始化拖拽onEnd()是拖拽结束的事
2021-09-27 17:10:16
5327
11
原创 vue+echarts 封装组件
vue+echarts 封装组件一、首选安装echarts 使用命令npm install echarts二、引入 import * as echarts from ‘echarts’;三. 在父组件中引用四、options的值是一个对象 存放的xAxis(x轴)数据，yAxis（y轴）的数据五、传入的参数type是echarts的类型 options 是数据 height是echarts图的高度...
2021-05-19 19:51:23
363
原创 vue.js中使用甘特图（gantt-elastic）的使用
在vue中使用甘特图（gantt-elastic）做进度跟踪公司要使用甘特图插件来跟踪任务的进度 ，在使用这个插件的过程中踩了太多的坑了，很多配置都没有文档的 连英文文档都没有，然后就看了源码研究了下具体的配置，具体的配置我都在下面的文章中截图有备注了。如果说有什么问题给我留言 我这边会在看到的第一时间回复。一、首先要安装gantt-elastic这个插件在npm官网上下载 https://www.npmjs.com/package/gantt-elasticnpm install --save g
2020-08-07 11:17:42
30202
101
原创 webpack配置解决跨域（Access-Control-Allow-Origin）访问
一、webpack+vue.js配置允许跨域（Access-Control-Allow-Origin）访问在本地开发环境中会出现 连接其他的接口出现跨域请求的问题，只需要在dev中设置headers: {‘Access-Control-Allow-Origin’: ‘*’ }注：我的项目是用vue-cli+webpack搭建的 需要在config文件夹下的index.js中的dev里面设置...
2020-08-05 09:31:57
7944
原创 js获取当前时间的前几天，前几月，前几年
js获取当前时间的前N天，前N月，前N年一、可以封装一个方法1、在getTody()这个方法中设置默认参数n 是当前时间，ds是需要获取的前N天ys是需要获取的前N年ms是需要获取的前N月二、调用传参1、调用时 如果有不需要的参数时 默认写0就可以...
2020-08-04 10:34:39
2581
原创 element-ui中table表格type=“expand”全部展开||展开有数据的部分
加粗样式@TOCelement-ui中table表格expends 全部展开||展开有数据的部分在tabe表格上定义: :expand-row-keys=“expends” 和 :row-key=“getRowKeys”我们的需求是 当下面下拉table中有数据时 展开 没有数据不展开如果通过接口获取数据的话 getExpends() 这个方法在获取数据成功之后调用如果数据是固定的话 就在created()或者mounted()中嗲用所以要判断 item.orderDetails 是否有数据
2020-08-03 17:34:51
7182
1
原创 js完成table表格的表头和侧边固定
马帮erp <link rel="stylesheet" type="text/css" href="/2018ui/assets...
2019-08-09 18:01:17
1237
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人