- 博客(12)
- 资源 (3)
- 收藏
- 关注
原创 ECharts:Y轴数据变化小,折线图看起来不明显,试试这个方法
在很多工业领域中,很多工业设备工况时序数据变化都很微小,如何更直观的呈现关系到数据分析的效率问题。比如有这么一组数据:6.194, 6.199, 6.197, 6.191, 6.204, 6.194, 6.194, 6.202, 6.197, 6.194, 6.199, 6.194, 6.202, 6.197, 6.197, 6.199, 6.199使用echarts折线图呈现,默认情况下看就近似一个直线。想更好的呈现数据的变化趋势,使用下面这个属性轻松搞定。 yAxis: {
2021-09-23 16:15:26 3702 3
原创 ECharts关于y轴刻度调整
修改y轴刻度之后是这样的直接上代码 yAxis: { min:0, //取0为最小刻度 max: 100, //取100为最大刻度 min:'dataMin', //取最小值为最小刻度 max: 'dataMax', //取最大值为最大刻度 min: function(value) {//取最小值向下取整为最小刻度 return Math.floor(value.min).
2021-09-23 12:23:03 38486 4
原创 element-ui分页,列表显示全部序号,而不是按照页数排序
这一段代码就是控制序号的 <el-table-column show-overflow-tooltip :render-header="renderHeader" v-for="(item, index) in currentColumn" :key="index" :prop="item.prop" :type="item.type == 'ind.
2021-09-22 17:29:08 414
原创 封装el-table表格及组件内如何使用
1.封装el-table组件代码,可直接复制使用<template> <div class="table"> <el-table v-loading="loading" :data="dataSource" ref="mutipleTable" :header-cell-style="{'text-align':'center'}" border @se
2021-09-16 10:55:51 502
原创 Vue.js中 watch 监听的高级用法
1.假设有如下代码:<div id="root"> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firstName: 'Dawei', lastName: 'Lou'
2021-09-14 10:37:33 360 1
原创 Vuex详细介绍和使用方法
1.什么是vuex?官方的解释: Vuex是一个专为Vue.js应用程序开发的状态管理模式当项目比较庞大的时候,每个组件的状态比较多,为了方便管理,需要把组件中的状态抽取出来,放入Vuex中进行统一管理。常用的登录,购物车等一些数据的存储State:唯一的数据源,我们需要把任何一个组件中需要抽取出来的变量放入到state中去Getters:通过Getters可以派生出一些新的状态Mutations:更改Vuex的store中的状态的唯一方法Actions:Action提交的是mutation,
2021-09-13 16:20:17 429 1
原创 Vue实现上下左右无缝滚动,鼠标移入并暂停
需求:超过4条数据就开始无限循环滚动在线文档:https://chenxuan1993.gitee.io使用vue-seamless-scroll组件步骤:一:安装npm install vue-seamless-scroll --save二:在用到的页面引入和注册组件<script>import vueSeamlessScroll from "vue-seamless-scroll";export default { name: "test-abnormal-dynam.
2021-09-13 15:53:10 2035 2
原创 vue单页面切换,返回到上个页面的时候要进行刷新
created():创建vue对象时,html渲染之前触发;也就是说created()只会触发一次。activated():在vue对象存活的状态下,进入这个页面就会触发activated()函数,可以用来初始化页面数据(刷新页面)deactivated():离开组件时执行;activated()和deactivated()只有在keepalive:true的情况下才会生效//调用这个函数可以实现刷新,(位置不要写错,与methods,mounted()是同级)activated () {
2021-09-10 15:33:33 1597
原创 使用overflow-y属性,实现可以滚动但滚动条隐藏
只需要加一个css样式即可.div { height: 300px overflow-x: hidden; overflow-y: auto;}.div::-webkit-scrollbar { display: none;}
2021-09-10 15:27:16 7381
原创 Vue路由参数更新但是页面不刷新问题
解决方法一、使用watch属性监听route对象watch: { $route(to, from) { if (this.$route.query.id && from.path == "/client/index") { this.getAllTypeList(); }, // 对路由变化作出响应... //可以使用$router.go(0)进行刷新,(补充,该方法在ios手机上无效) //可以改用wind
2021-09-06 18:50:23 2621
原创 最简单的js去除首尾空格
function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"");}a = ' runoob 'console.log(trimStr(a));
2021-09-01 14:27:59 1777
原创 使用el-calendar组件完成日历
效果图直接贴上这个功能,这个样式所有的代码,有需要可自行拿取,修改<template> <div class="life-record"> <!-- 头部搜索,及添加按钮 --> <div class="header"> <div class="date-picker"> <el-button icon="el-icon-arrow-left" t
2021-09-01 10:18:36 1809 2
微信小程序-基础.pdf
2020-07-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人