美文网首页
微信小程序城市选择器组件

微信小程序城市选择器组件

作者: 7abbcd54a89d | 来源:发表于2018-10-31 20:58 被阅读0次

github地址

微信小程序城市选择器组件 使用腾讯地图SDK
效果图

调用方式

1.替换city-select.js中的腾讯地图KEY

yourpage.json

{
  "usingComponents": {
    "city-select": "/component/city-select/city-select"
  }
}

yourpage.wxml

<city-select show-select="{{citySelectOnShow}}"
             catch:selectCommit="citySelectData"
             ></city-select>

yourpage.js

Page({
    data: {
        citySelectOnShow: false
    },
    citySelectData(e) {
        console.log(e.detail);
    },
    open() {
        this.setData({
            citySelectOnShow: true
        })
    }
})

相关文章

  • 微信小程序城市选择器组件

    github地址微信小程序城市选择器组件 使用腾讯地图SDK 调用方式 1.替换city-select.js中的...

  • 小程序好文集合

    组件篇 微信小程序:组件实践 整体梳理 微信小程序开发深入解读

  • 微信小程序-canvas压缩图片使用入门

    微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...

  • 微信小程序日历组件开发

    # 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...

  • 微信小程序基础

    微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 微信小程序选择器picker中range-key的用法

    本篇介绍的是微信小程序选择器picker中range-key的用法。 前言在学习微信小程序选择器picker组建时...

  • 微信小程序性能优化实践

    历史回顾: 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包,...

  • 微信小程序组件化开发

    什么是组件化开发 微信小程序的组件和Vue的组件非常相似。 在微信小程序中有很多内置组件,比如button vie...

  • 小程序tab组件封装

    微信小程序tab组件封装 最近在做微信小程序的项目,下面就微信小程序中tab的tab功能封装成一个组件,在项目项需...

网友评论

      本文标题:微信小程序城市选择器组件

      本文链接:https://www.haomeiwen.com/subject/ozjztqtx.html