logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue+Echarts 圆环图表

效果图:配置项option:option: {backgroundColor: 'transparent',color: ['#3060ff', '#44c6fe', '#ffc455', '#25dd96', '#25cedd', '#4AEAB0'],tooltip: {trigger: 'item',formatter: function(params) {const co

#echarts#vue.js#javascript
vue 下拉树

需要使用到的组件vue-treeselectvue-treeselect中文文档安装npm install --save @riophae/vue-treeselect局部引用:import Treeselect from '@riophae/vue-treeselect'import '@riophae/vue-treeselect/dist/vue-treeselect.css'使用:mult

vue实现文字滚动播放效果

原博地址,亲测此方法有效!!!效果图:实现方式:<!-- 无缝滚动效果 --><div class="marquee-wrap"><ul class="marquee-list" :class="{'animate-up': animateUp}"><li v-for="(item, index) in listData" :key="index">

文章图片
#vue.js#前端#javascript
antd-vue table不同列,渲染不同颜色

效果图:实现方法:<a-table:columns="columns":data-source="data" 数据源rowKey="id":rowClassName="rowClassName":scroll="{x:2510}"bordered></a-table>data:columns:[{title: '左边盖样式',dataI

antd-vue pagination分页,文字、图标自定义

效果图:实现方法:<a-table:columns="columns":data-source="tableData"rowKey="id":pagination="paginationProps"bordered></a-table>co

vue----el-input去掉首尾空格

1、方法一:直接使用trim方法但是有个弊端,部分低版本浏览器不兼容2、方法二:js方法<el-input v-model="form.test" @input="trimFun('test',$event)" />trimFun(str, val) {if (str === 'test') {this.form.otaHardware = this.myTrim(val)}}myTr

#vue.js#前端#javascript
vue-quill-editor富文本编辑框---自定义字号和行高

一、效果图二、自定义字号(采取修改源代码的方式,如有更好的方式欢迎评论区提出)1、改变 quillOptions的配置项[{ size: ['12px', '14px', false, '18px', '22px', '26px', '30px', '36px', '42px'] }]2、到node_modules下面找到 quill, 对目录dist 下面的 css文件和 js文件进行修改。qu

vue使用store本地存储(长久性存储)

vuex存储有个缺点:按f5刷新之后,数据就没有了。store本地存储就是长久性的,数据不会因为刷新就清除。安装及使用:https://blog.csdn.net/xfcy514728/article/details/80278048npm地址:https://www.npmjs.com/package/store...

vue中 解决js计算精度问题

参考博客利用mathjs插件进行计算结果的处理1、cnpm安装mathjs(如果没装淘宝镜像,用npm安装)cnpm install --save-dev mathjs2、引入插件import * as math from 'mathjs'3、使用mounted(){console.log('未作处理',1.1*100)//110....

    共 45 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择