- 博客(11)
- 收藏
- 关注
原创 小程序与内嵌web-view的交互
1.小程序带参跳转h5页面 (1)小程序端 <web-view src="{{url}}"></web-view> //使用web-view标签的url即可 let h5Url = 'https://XXXX.com/XX'; //h5项目发布后的公共域名地址 let token = wx.getStorageSync('token'); //按需携带token let param1 = 1; //按需携带其他参数 /
2021-06-29 11:11:59
1207
原创 微信小程序接入腾讯地图(线路规划、逆解析)、高德地图(天气)
一、小程序后台添加插件 小程序官方后台-设置-第三方服务-插件管理-添加插件”,搜索 “腾讯位置服务路线规划” 申请 二、腾讯位置服务 链接:腾讯位置服务-我的应用 链接:申请密钥步骤 三、项目使用 1.引入插件包: 路线规划appId: wx50b5593e81dd937a (查看最新) "plugins": { "routePlan": { "version": "1.0.12", "provider": "wx50b5593e81dd937a" } }, "permission": {
2021-06-29 10:27:36
2359
原创 微信小程序引入扩展组件
扩展组件不能以引入样式的方式直接使用,官方提到了npm下载的方式,以下是详细步骤~ 参考链接:点此查看原文 1、根目录打开终端npm init,一路回车 ,生成 package.json 文件 2、终端按照官网输入命令,安装需要的组件,并在页面中引入 3、微信开发者工具 - 详情 - 本地设置 - 勾选“使用npm模块” 4、以上还会报错,此时开发者工具操作:工具 - 构建npm,即可正常显示 ...
2021-04-28 15:30:49
1130
原创 el-table-column的label属性(表头)分两行展示
el-table-column的label属性(表头)分两行 1.自定义节点内容:render-content el-table-column标签中添加: :render-header="renderHeader" 2.添加两个方法 renderHeader(h, {column}) { let header = column.label.split(' '); return [h('p', [ h('p', {}, header[0]), h('span', {}, header[1])
2020-12-16 16:33:05
5934
原创 el-cascader点击label勾选
原有功能的基础上额外加! //el-cascader里额外加: @click.native="handleSelect" //label点击事件 :popper-class="'cascader1'" //防止多个联级选择器重复 //方法额外加 handleSelect(event) { var that = this; this.$nextTick(() => { let d = document.getElementsByClassName("cascader1");
2020-12-16 16:22:32
1530
原创 el-tree实现横向排列
el-tree部分按钮横向排列 1.自定义节点内容:render-content el-tree标签中添加: :render-content="renderContent" 2.添加两个方法 renderContent(h, { node, data }) { console.log(node, data) let classname = '' //1-导航;2-菜单;3-按钮 if (data.type == 3) { classname = 'levelname' } return
2020-12-16 16:21:05
3596
原创 【持续更新】js数组方法汇总
数组方法汇总 arr.indexOf('a') 查找第一个匹配到的字符得索引,无则返回-1(字符串同) arr.lastIndexOf('a') 同理,查找最后一位 arr.length 获取数组长度 arr.toString() 将数组转化为字符串,逗号分隔每一项,相当于arr.join()或arr.join('') 添加、删除方法 栈操作 arr.push('a') 数组末尾添加元素。返回:数组的
2020-11-18 15:13:45
704
原创 vue项目使用iconfont(本地下载、彩色icon)
1.下载至本地 1.下载iconfont文件,包含iconfont.ttf、iconfont.css 2.iconfont.ttf 文件 转base64 3.打开 iconfont.css文件,修改 @font-face 部分,将转换好的 base64代码粘贴到对应位置 @font-face { font-family: "iconfont"; src: url(data:application/font-woff;charset=utf-8;base64,转换的base64内容) form
2020-08-13 20:33:01
2394
1
原创 el-table selection多选框实现单选效果
需求:将默认的可全选改为只能单选 1.隐藏全选 <style lang="scss" scoped> // /deep/ !important thead .el-table-column--selection .cell { display: none!important; } </style> 2. <el-table ref="multipleT...
2020-08-01 11:40:33
2436
1
原创 reduce用法
简介 定义和用法: reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值 array.reduce(function(total, currentValue, currentIndex, arr), initialValue); /* total: 必需。初始值, 或者计算结束后的返回值。 currentValue: 必需。当前元素。 cu...
2020-08-01 11:22:17
401
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅