![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
@安子欣
这个作者很懒,什么都没留下…
展开
-
Echarts+VUE 实现双柱状图表效果并使用datazoom方法实现X轴数据过多时支持滚动和缩放
先贴效果图:前提:npm安装echarts依赖: npm install echarts--save注意:使用npm的时候,我们直接通过require(‘echarts’)来引入,按需引入需要用到的方法,代码中都有体现;X轴数据过多时使用dataZoom属性实现,如下图代码块:页面完整代码如下,可直接复制使用(其中chartsRelativeSize()方法是用于Echarts字体适配大屏的):<template> <div class="a.原创 2021-12-22 14:27:30 · 1933 阅读 · 0 评论 -
el-table 表格数据list 行转列Demo
<template> <div> <el-table :data="tableData" size="small" row-class-name="row" cell-class-name="column" :highlight-current-row="true" fit >.原创 2021-12-06 13:58:20 · 1671 阅读 · 0 评论 -
el-date-picker daterange 自定义可选范围 限制选择30天
<el-date-picker v-model="updateTime" @change="handleDate" size="small" style="width: 240px" value-format="yyyy-MM-dd" :picker-options="pickerOptions" unli.原创 2021-12-03 15:56:15 · 3251 阅读 · 2 评论 -
MockJS入门(一)
最近因为公司产品需要,接触到了前后台交互,由于后台开发接口等需要时间,所以就研究了一下mockjs模拟假数据,众所周知Mock.js因为两个重要的特性风靡前端: 数据类型丰富 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 拦截 Ajax 请求 不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。安全又便捷 mockjs入门操作:开发环境:WebStorm+Vue+MockJs1.首先搭建一个新的vue项目,进行配置化,具体不知道怎么配原创 2020-05-18 19:39:23 · 3670 阅读 · 0 评论 -
VUE + H5前端文本框输入和展示 表情解决方案-----编码格式转换
第一种:在存取时进行编码:(我本次使用的方式)存储时编码:emoji_encode/**对表情转义**/function emojiEncode(e){ var n = /[\ud800-\udbff][\udc00-\udfff]/g; // 检测utf16字符正则 return e = e.replace(n, function (e) { ...原创 2020-04-24 11:18:51 · 3084 阅读 · 0 评论