weixin_44167504的博客

思路：1、计算每个项离父级左侧宽 left2、计算当前滑块的宽，绝对定位3、下一个项的宽/2-滑块的宽/2+下一项离父级左侧的宽 left。

1、map--自定义冒泡--> < cover-view slot = " callout " > < cover-view v-for = " (item,index) in mapData " :key = " item.id " class = " map-item " :marker-id = " item.id " > <!--你的内容--> </ cover-view > </ cover-view > </ map > </ view > </ template >

【代码】uniapp 微信小程序之隐私协议开发。

1.地图初始化2.标记覆盖物3.自定义弹出窗口4.点聚合5.区划遮罩及边缘划线6.关于 自定义Marker 使用 L.divIcon 地图缩放位置发生偏移7.纠偏8.判断图层加载失败/成功9、多边形 polygon10、热力图

转存 vue 生成二维码并下载1、下载插件npm install --save qrcodejs22、引入const QRCode = require("qrcodejs2")3、组件使用<template> <div class="qr_code"> <div style="display: flex;align-items: center"> 地址：<Input id="text" type="te

vue 百度地图纠偏1、https://www.codeprj.com/blog/ad60761.html

es6 vue table编辑时Object对象值的数据赋予使用Object.assign(target, datasource)该方法用于对象的合并，将源对象（datasource）的所有可枚举属性，复制到目标对象（target）this.Info = Object.assign({}, data)

VUE web-app触底事件 触底加载下一页 // 触底事件 scrollEvent(e) { this.pageNext = true //是否有下一页 if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) { //当前内容至顶部+屏幕高是否大于显示内容高 //防抖节流 clearInterval(this.tim

iview table 使用v-show隐藏，切换后宽度适应问题描述：使用Drawer抽屉或Modal模态框显示表格及图表信息，参数不变再次点击时不请求后台，使用按钮组切换显示表格、图数据，没有重新请求的table宽度不能自适应解决：给table的宽强制设置100%，需要给header及body下的都设置 .table-box /deep/ .ivu-table-wrapper .ivu-table .ivu-table-header table { width: 100% !

iview DatePicker 时间重置后前一个选择的日期依旧显示（focus状态）执行组件清空方法 this.$refs.detePicker.handleClear() ——（并不需要）重置组件的聚焦日期 this.$refs.detePicker.focusedDate = new Date(this.date) <DatePicker ref="detePicker" v-model="tempTi

请看：代码倒数第三行 // 选择框过滤 remotedMethod(query) { if (query !== "") { const list = this.selGasStation.map(item => { return { value: item.Code, .

vue 父子组件间事件的触发父组件触发子组件事件父组件中：在引用的子组件注册引用信息父组件中：执行子组件事件子组件触发父组件事件子组件中：创建自定义事件 errorCountZ父组件中：父组件中：执行父组件事件...

iview Drawer 抽屉置于body内主要实现的是使抽屉不占整个屏幕而与body内的元素一致大小，将inner打开，关闭transfer<Drawer :title="DrawerTitle" class-name="drawerSty" :mask="true" :closable="true" width="60" v-model="DrawerShow" :inner="true" :transfer="false">...

vue页面超出显示滚动条滑动展示.analysis { width: 100%; height: calc(100%); overflow-y:scroll; overflow-x:hidden; }

vue 富文本编辑器封装组件：install i --save vue-quill-editor<template> <div> <!-- 图片上传组件辅助--> <el-upload class="avatar-uploader" :action="serverUrl" name="img" :headers="header" :show-file-list="false"

vue-pdf 移动端浏览器兼容查看pdf<!-- @click="change(pdf)" 传入文件名和src--> <div class="title" style="" @click="change(pdf)">{{pdf.name}} <span style="margin-left:5px;color:#AD3FBF">>点击查看</span></div> ..... <Modal v-model="s

iframe 本地的PDF展示，地址src的获取方法一：使用本地host + 相对路径<template> <div> <iframe :src="src" style="height:100%;width:100%"></iframe> </div></template>export defalut{ .. data(){ return(){ src:"" } }, method:{

vue slot插槽插槽的定义放在可复用的文件，在父级文件中调用，对应插槽的名称可在不同页面使用同样的架构但显示不一样的内容TabBarItem.vue<template> <div class="tab-bar-item" @click="itemClick"> <slot v-if="!isActived" name="slot-img"></slot> <slot v-else name="slot-active-img"

echarts统计图添加点击事件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210311170010153.png调用

iview table 表合并iview官方例子：iview table表格1、唯一且重复的合并2、在唯一合并下的不唯一且重复的合并3、不唯一且重复在上一个不唯一合并条件下的合并·······································································计算合并的列与数量 //表合并 handleData(data) { let that = this

/** * 验证手机号码格式是否正确 * param: value 要验证的值，String类型 * return：state 状态(true正确，false错误) msg 提示的内容 */export const verifyPhoneNum = (value) => { let state = true, msg =""; let ver = /^1[0-9]{10}$/; //以1开头 if(!ver.test(value)){ state = false; msg =

vue computed监听数据自问自答：computed直接监听传进来的数据 / method修改的数据，是监听不到的,监听道德是原始默认的数据，需要使用watch来监视数据的变化并再次调用computed使用数据的那个方法data() props: { yqNum: { type: Array, default() { return [] }

vue this.$nextTick()用处： 确保所有dom加载完成后再进行对dom的操作

iview日期选择框的日期值获取控件：method方法：

vue swiper本地图片显示问题要点：非/static路径下，图片路径都需要添加require(’~imgurl’)data() { return { //图片路径 swiperImg: [ {srcs: require('@/assets/img/swiper/1.jpg')}, {srcs: require('@/assets/img/swiper/2.jpg')}, {srcs: require(

Vue v-if、v-else、@click使用实例根据loginType的值不同而切换显示的内容，动图显示：html：<div id="app"> <template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username" key="username-input">