Jim-vue - 博客园

2021年6月15日

摘要： // 表单 listData (val) { // console.log(val) this.config.data = [] val.forEach(item => { // ['<span style="color:rgba(255,255,255,0.80);">item.title</sp 阅读全文

posted @ 2021-06-15 10:08 Jim-vue 阅读(186) 评论(0) 推荐(0) 编辑

echarts饼图渐变色与间距同时使用

摘要： 1 见代码 option = { 2 color: [ 3 '#00A5FF', 4 ' #00F1A1' 5 ], 6 tooltip: { 7 show: false, 8 trigger: 'item' 9 }, 10 series: [ 11 { 12 name: '访问来源', 13 ty 阅读全文

posted @ 2021-06-15 09:48 Jim-vue 阅读(636) 评论(0) 推荐(0) 编辑

webSocket实时通信封装，vue

摘要： class MyWebSocket { constructor (sid) { this.sid = sid this.ws = null this.timeOut = 15000 // 超时时间为6s this.timeOutTimer = null this.serverTimeOutObj = 阅读全文

posted @ 2021-06-15 09:37 Jim-vue 阅读(544) 评论(0) 推荐(0) 编辑

2021年6月11日

Echarts、大屏动态折线图无状态加载

摘要：直接上代码！！！我这边需要wepstorket实时推送有部分代码可忽略 <script> //按需引入 import mySocket from '@/common/BigScreenSocket' import * as echarts from 'echarts/core' import { 阅读全文

posted @ 2021-06-11 16:37 Jim-vue 阅读(269) 评论(0) 推荐(0) 编辑

2021年6月1日

地图获取城市编码vue-jsonp请求，处理跨域

摘要：场景：在开发地图选点中，后端需要adcode城市编码，这个需求需要根据经纬度进行转化（用的百度地图，其他地图请参考）解决方案：通过jsonp将跳转链接获取到的值返回成json解析第一步我们需要安装npm install vue-jsonp -save 第二步在main.js中 import { 阅读全文

posted @ 2021-06-01 10:07 Jim-vue 阅读(638) 评论(0) 推荐(0) 编辑

2021年5月18日

将数组中的元素拼接为一个字符串

摘要： 1、join()方法利用JS数组的join()方法即可完成将元素拼接为一个字符串。 arrayObject.join(separator); let　a =['A','B'] let b=a.join('、') console.log(b) // 结果 A、B 备注：join()方法不给定分隔符的阅读全文

posted @ 2021-05-18 09:35 Jim-vue 阅读(5557) 评论(0) 推荐(0) 编辑

2021年5月17日

vue兄弟组件通信、兄弟组件传值（本人是用的是中央控件作为媒介），并一同解决重负传值、第一未传值

摘要： 1、中央控件在根目录创建 Bus.js ,在里面只需写两行代码如下 import Vue from 'vue' export default new Vue 2、第一个组件引入 Bus.js 其中'sendByBus'作用是作为身份标识使用的 import bus from '@/Bus' // 阅读全文

posted @ 2021-05-17 09:34 Jim-vue 阅读(56) 评论(0) 推荐(0) 编辑

vue、react动态新增行

摘要：在开发后台管理系统时基本都会有动态新增行，并可以编辑、保存、删除等功能，这个就需要我们动态添加行时生成唯一id或key （本人使用的时vue-antd UI）此处我是在新增行触发编辑功能，所以可以直接编辑考虑到删除时key的缺失，我们就在data中声明个单独的变量，点击新增使其自++，具体请看代阅读全文

posted @ 2021-05-17 09:04 Jim-vue 阅读(376) 评论(0) 推荐(0) 编辑

2021年5月15日

vue-antd 分页pagination相关重置问题

摘要： 1、在data中声明 pagination变量 pagination: { total: 0, pageNum: 1, pageSize: 10, //每页中显示10条数据 showSizeChanger: true, pageSizeOptions: ['10', '20', '50'], //每阅读全文

posted @ 2021-05-15 10:26 Jim-vue 阅读(5235) 评论(1) 推荐(0) 编辑

2021年5月11日

关闭ESLint警告,本人使用的是vue-antd-pro

摘要：修改lintOnSave 为false，如果没有就添加lintOnSave 为false lintOnSave: false, 阅读全文

posted @ 2021-05-11 15:42 Jim-vue 阅读(985) 评论(0) 推荐(0) 编辑

vue VS react

公告