qq_39417037的博客

效果图： npm install vue-amap --save 在main.js中： import VueAMap from 'vue-amap' Vue.use(VueAMap) VueAMap.initAMapApiLoader({ key: '你的key值', plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'A

效果： 新建pages.js文件，文件内容： // 数据分页 function pageData (total, pageRow, currentPage, allTableDataList) { var dealData = [] var onePageList = [] var i = 1 allTableDataList.forEach((val, index) => { onePageList.push(val) i++ if (i > page

高德地图引入及使用 可参考：vue + 高德地图 + 图例 vue + 高德地图 + 普通标记点 可参考：vue + 高德地图 + 标记点 先上效果图： //绘制地图 this.map = new AMap.Map('map', { resizeEnable: true, center: center, zoom: 12 }) // 标记点的数据 this.deviceList = [ { lon

高德地图引入及使用 可参考：vue + 高德地图 + 图例 增加标记点： // 绘制地图 this.map = new AMap.Map('map', { resizeEnable: true, center: [120, 35], // 经纬度 zoom: 12 // 远近 }) // 绘制标记点点 var markerPoint = new AMap.Marker({ position: [120, 35], // 经纬度 offset: ne

websocket.js import { store } from '../store' /** 长链接，用于接收推送 */ class WsKeepAlive { _isConnected =false /** *长链接，用于接收推送 */ constructor (sendData) { this.ws = new WebSocket('ws://192.168.17.69:8080/websocket/' + sendData.deviceCode) //建立连接时的

效果图： （小三角上移与文字对齐，而非在标红位置） <template> <div> <el-tree ref="paperDataTree" :data="paperData" :props="defaultProps" class="filter-tree picTree" @node-click="changeTriangleArea"> <div class="cust

1.前端dom导出，展示啥导出啥 import FileSaver from 'file-saver' import XLSX from 'xlsx' setTimeout(() => { var lastName = 'xlsx' // txt var wb = XLSX.utils.book_new() var table = document.getElementById('exportTankTable')

// 选择默认图片 chooseStaticImg(imageUrl) { this.getImageFileFromUrl(imageUrl, '图片.png', function(file) { this.file = file //获取file对象 }) }, // 根据路径返回file getImageFileFromUrl(url, imageName, callback) { // imageName一定要带上后

<!-- vue + element 树形选择框（多选框）实现 --> <!-- 思路：隐藏el-select的下拉框，改用el-popover弹出框和el-tree控件组合--> <template> <div class="main-container"> <span style="font-size: 16px">类型:</span> <el-popover v-model="popover.

<!-- vue + element 树形选择框（单选框）实现 --> <!-- 思路：隐藏el-select的下拉框，改用el-popover弹出框和el-tree控件组合--> <template> <div class="main-container"> <span style="font-size: 16px">类型:</span> <el-popover v-model="popoverV

（自己小练习，欢迎批评指正） 思路： 1.将需要滚动的“公告内容”重复两遍，中间加空格，即：“公告内容 公告内容” 2.利用margin-left递减使公告左移 3.当第二遍公告内容移动到第一遍公告内容初始位置时，即左移动了“公告内容 ”的长度，此时margin-left恢复到初始值，即公告回到初始位置，因为第二遍目前在第一遍的初始位置，所以视觉上没有停顿4.margin-left继续递减使公告左移，回到3 （公告长度并没有超出范围时不滚动） <template> <.

2018年一月份开始 Chrome浏览器不会再自动播放音频文件用户必须对网页进行主动触发后才可自动播放 <audioid="audio"autoplay="autoplay"> <sourcesrc="test.ogg"/> </audio> //////////////////////////////////////////////////// <audioid="audio"preload="auto"> ...