- 博客(55)
- 收藏
- 关注
RSS订阅
原创 vue Render函数的使用
今儿用了Render函数这个东西渲染页面，特此记录一下用法。 const h = that.$createElement; that.$info({ title: '导出数据', content: h('div', {class: 'dialogDiv'},[ h('div', { style: {
2021-12-01 15:18:43
1098
原创 js、vue根据父节点id生成树形结构
>>这里是参考链接自己定义的假数据 let data = [ { employeeId: "", ouName: "", parentPosition: "", positionCode: "", preferredName: "", }, ]为了更灵活一些规定对象字段key值 let attributes = { id: 'positionCode',
2021-06-02 14:25:01
1673
原创 vue插件之vue-quill-editor
首先送上官网地址：点这是跳转官网。接下来按步骤食用：npm install quill --save在main.js全局引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'Vue.use(Vue
2021-04-15 17:56:09
5295
7
原创 h5拖拽和vue拖拽
h5拖拽先介绍一个h5拖拽，他属于h5新特性，api简单，方便好用，附上文章地址HTML 5 拖放。这里是代码： <div @dragover.prevent='over' @drop.prevent='drop'> <div v-for="(item, i) in left.list" :key="i" draggable @dragstart='start' v-text='item.name'></div&
2020-06-23 17:48:23
1028
2
原创 获取input光标位置
如标题： var $input = document.getElementById("input1"); console.log($input.selectionStart)
2019-11-18 14:18:13
3956
原创 vue使用echarts显示中国地图
到这就完成了中国地图绘制，就可以看到文章顶部效果图，具体参数配置根据个人可以更改。引入一个公共js文件（下面这段代码就是china.js文件）下面介绍一个方法如何用echarts画一个中国地图，如图。左侧图例加上单位的写法，替换掉原有的 splitList。项目引入echarts以后，在页面创建canvas标签。使用地图的页面引入上面的公用Js！2022/5/5 特别补充，2022/5/5 追加补充。
2019-09-11 14:24:59
29711
24
原创 360°旋转图片
今天实现一个触摸屏，可以360°来回滑动的图片效果放在vue项目里面！网上有很多方法，这里采用其中之一，希望对你有帮助~按步骤引入：在index.html 引入 jq 和一个封装好的js。封装好的js如下(function (global, factory) { typeof exports === 'object' && typeof module !== 'u...
2019-09-11 14:11:06
1664
转载 iframe返回问题
<iframe ref="iframe"></iframe>替换src的时候不能直接替换，得覆盖之前srcset(src) { this.$refs.iframe.contentWindow.location.replace(src)}详情请移步 => https://www.jianshu.com/p/d88148184b79...
2019-07-14 15:10:53
3432
原创 如何在vue项目中引入swiper
项目中有一个横向滚动的需求，用到了swiper，看看如何实现它。1.首先在页面中引入swiper import Swiper from "swiper"2.在css中引入@import "../../node_modules/swiper/dist/css/swiper.css"; .swiper-container{ height: 80px; padding-left: 56p...
2019-06-04 11:07:37
14894
6
转载 vant遇到的各种问题
1.当下拉刷新和无限加载遇到tab分页出现的问题：https://blog.csdn.net/qq_33276623/article/details/85678336
2019-03-27 11:29:56
7195
原创 Element-ui可能遇到的问题（持续更新）
引入日期时间的时候遇到英文问题？需要在main.js配置这句话：import locale from “element-ui/lib/locale/lang/zh-CN”;选择完成的日期时间结果打印。框架返回的时间是这样的：Fri Nov 10 2000 04:01:01 GMT+0800 (中国标准时间)，可以通过以下方式转换成：2000-11-10 4:1:1let Day = ne...
2019-01-25 14:30:44
3819
1
原创 vue常用小功能（持续更新）
复制功能这里我是通过clipboard.js来实现vue的复制功能，附上链接：clipboard.js。npm install clipboard --saveimport * as Clipboard from “clipboard”;const clipboard = new Clipboard(".copyBtn");在你的标签上data-clipboard-tex...............
2019-01-24 16:48:12
2070
2
原创 antdVue Table设置fixed相关问题
这真是一个巨坑！当你表格纯文字时，没有异常，如图：但是表格内部出现下拉框他就会出现这样情况：不管你怎么设置高度，以及y坐标都不管用。直到百度到了 这里，貌似是因为行高这样的原因引起的。于是给表格定义类名，给行内加上足够行高。 class="editDetail-table-force-nowrap" .editDetail-table-force-nowrap{ .ant-table-row{ line-height: 230%; }}就很完美的解决。（an
2022-04-24 11:53:36
879
原创 时间戳转日期
记录一个通过时间戳转换日期的方法。<script type="text/javascript"> //==================获取系统当前详细日期时间================= var clock = new Clock(); clock.display(document.getElementById("clock"));function Clock() { var date = new Date();//实例一个时间对象 this.year
2022-02-28 10:47:22
365
原创 JeecgBoot填坑日记（持续）
前言：这框架是真真真真真 坑 ！一、online开发模式中方法冲突想使用他的导出接口，但是在同个js文件调用不到（getAction不行，必须得用downFile）。于是把axios绑定到vue原型上，在js增强 that 调用。但是在方法中 给函数加入形参 row , 就会that报错？？？有事还是得翻官网，点这，通过 that.table.selectionRows 调用选中行的数据。...
2021-11-03 16:56:42
6795
原创 Ant Design Vue可能遇到的问题（持续更新）
一、table 筛选功能 修改icon首先需要在定义的 columns 中 设置 filterIcon 属性。computed: { columns() { let { sortedInfo, filteredInfo } = this; console.log(sortedInfo, filteredInfo) sortedInfo = sortedInfo || {}; filteredInfo = filteredInfo
2020-09-15 17:18:10
4750
原创 把表格导出为excel或者csv
话不多说直入正题 先安装2个依赖npm install -S file-saver xlsxnpm install -D script-loader然后引入一个js文件用于生成excel/* eslint-disable */// require('script-loader!file-saver');// // require('script-loader!./Blob');// const {blob} = require('./Blob')// require('script-loa
2020-08-06 14:24:07
257
原创 echarts使用折线图绘制面积时问题
通过折线图画出上图时候遇到的bug！！第一坑：坐标y 轴被压住加个属性即可，让他位移1px： yAxis: [ { offset: 1, type: 'value', splitLine: false, }, ],第二坑：因为...
2019-11-13 19:48:48
1873
4
原创 vue 限制 input 只能输入正负数并最多2位小数
先给饿了么input 绑上方法 <el-input v-model="educationReserve.monthMoney" placeholder="" size="small" @input.native="educationReserve.monthMoney= ...
2019-10-31 16:21:44
5076
2
原创 将base64转换为file 格式
//将base64转换为文件对象 dataURLtoFile (dataurl, filename) { let arr = dataurl.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bstr = atob(arr[1]); let n = bstr.length; let u8ar...
2019-10-21 16:58:11
2970
原创 Echarts中的api
圆柱图的坐标轴遮挡如图找到代码 xAxis: { name: '(万元)', nameGap: 30, } nameGap设置 标题间隙， nameRotate 旋转角度， nameLocation 对齐方式...
2019-10-12 11:11:01
626
原创 vue 限制input只能输入正数
在某些项目中 input 框只能输入数字，可以用以下办法：先在标签上绑定上 @input 事件来监听标签的值变化，通过正则来改变输入的值。 <input class="keep_input" v-number-only style="width:35px" v-model="scope.row.fileOrder" @input="scope.ro...
2019-07-15 16:00:18
20296
5
原创 js base64转blob
图片路径是base64格式，可以通过下面方法转成blob格式传给后端 dataURLtoBlob(dataurl) { var arr = dataurl.split(','); //注意base64的最后面中括号和引号是不转译的 var _arr = arr[1].substring(0,arr[1].length-2); var mime = arr[0].ma...
2019-07-14 16:08:17
21166
1
原创 vue路径写法：./和@/的区别
vue在引用路径的时候可以用 ./ 的形势引用如下：import './api/index'这个代表在相同文件下绝对路径的意思。项目中还有常见的@用法：import util from '@/assets/js/util'这个@是在 webpack.base.conf.js 文件里配置的，找到下面这段话 resolve: { extensions: ['.js', '.vu...
2019-07-09 17:57:45
46587
6
原创 vue功能-键盘
继上篇数字键盘以后，这篇文章写一下键盘用法，同猿们拿好小本本!1.封装的键盘组件<template> <div class="vitualKeyboard"> <div class="search" :style="{top:topPx,right:rightPx}"> <input name="inputArea" ...
2019-07-04 18:22:18
4319
原创 vue功能-数字键盘
vue项目pc端中，有的触摸屏页面需要JS封装键盘，如下就是全部代码~1.首先是封装的键盘组件<template> <div class="keyboard" v-show="showKeyboard" v-clickoutside="closeModal"> <p v-for="keys in keyList"> <templ...
2019-07-04 18:09:56
4840
原创 ES（二）async/await理解及用法
async是属于ES7里面内容，是定义一个异步函数，该函数会返回一个 promise 对象，可以通过 .then 的形式来调用。eg: async function resolveAfter2Seconds () { return new Promise((resolve, reject) => { setTimeout(() => { ...
2019-05-21 18:13:00
2882
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人