2022年2月9日
js 两数组去重
摘要： 场景 new Set 1.1 合并两个数组并去除相同的数据 var data1=['1','2','3'] var data2=['1','5','9'] var newArr=[...new Set(data1.concat(data2))] //结果 ['1', '2', '3', '5', ' 阅读全文
posted @ 2022-02-09 14:50 Chen心宇 阅读(530) 评论(0) 推荐(0)
Vue Vuex状态管理
摘要： 关于VueX VueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。 1. 安装 npm i vuex -s 随后会出来一个st 阅读全文
posted @ 2022-02-09 11:31 Chen心宇 阅读(60) 评论(0) 推荐(0)
2022年2月8日
Jquery 切换class
摘要： Jquery 点击按钮切换样式 <button class="nocheck check_img" type="button">按钮 </button> $('.nocheck').click(function () { $(this).toggleClass('check_img') }) //或 阅读全文
posted @ 2022-02-08 17:39 Chen心宇 阅读(551) 评论(0) 推荐(0)
iframe标签 使用
摘要： 1. HTML 节点 并给src 赋值页面所在的相对路径 // 可以直接给src赋值,也可以通过js进行赋值 <iframe id="iframeConatiner" src=""></iframe> <iframe id="iframeConatiner" src="页面所在的相对路径"></if 阅读全文
posted @ 2022-02-08 16:54 Chen心宇 阅读(151) 评论(0) 推荐(0)
Mapbox GL 基本使用
摘要： 详细内容请 https://docs.mapbox.com/mapbox-gl-js/api/ 官网文档api 第一步 引入脚本 <scriptsrc='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'><linkhref='http 阅读全文
posted @ 2022-02-08 15:12 Chen心宇 阅读(1590) 评论(0) 推荐(0)
Echarts 更新数据的方法
摘要： 1. 需要创建echarts图列 var chartDom = document.getElementById(页面容器id属性值); myChart = echarts.init(chartDom); // 需要加载显示图表的样式 var option = { //此处省略 }; myChart. 阅读全文
posted @ 2022-02-08 11:48 Chen心宇 阅读(4974) 评论(0) 推荐(0)
Vue 使用Echarts
摘要： 在vue中使用echarts有两种方法 一、安装并全局引入 1、通过npm获取echarts npm install echarts --save 2、在 main.js 中添加下面两行代码 import echarts from 'echarts' Vue.prototype.$echarts = 阅读全文
posted @ 2022-02-08 11:31 Chen心宇 阅读(13106) 评论(0) 推荐(0)
Element UI 表格 el-table-column根据不同值显示不同颜色
摘要： <template> <div> <div :class="[flag ? 'red' : 'blue']">Hello,Vue!</div> <div :class="{show:true}">Hello,Vue!</div> <el-table :data="tableData" border 阅读全文
posted @ 2022-02-08 10:05 Chen心宇 阅读(2527) 评论(0) 推荐(0)
2022年1月26日
Vue 实现打印功能
摘要： Vue 实现 print 第一步 安装组件 //安装print-js npm install vue-print-nb --save 第二步 在 main.js 全局引入 // 引入下载的print import print from 'vue-print-nb' // 全局使用 Vue.use(p 阅读全文
posted @ 2022-01-26 15:51 Chen心宇 阅读(1032) 评论(0) 推荐(0)
2022年1月25日
Vue 入门基础使用
摘要： 详细内容可以到 vue官方文档 查看 1. data参数用来绑定VUE实例的数据变量，每个不同变量之间用逗号分隔 这个双大括号的语法叫做 mustache 语法，大括号里面的是作为变量形式出现的。 <template> <div> <p>data里面显示{{msg}}</p> </div> </te 阅读全文
posted @ 2022-01-25 11:12 Chen心宇 阅读(54) 评论(0) 推荐(0)