用Vue.js实现移动端省市插件

Vue.js是一套构建用户界面的渐进式框架。同reactjs和angularjs比起来,它更加的小巧、轻盈。当框架渲染在客户端进行时,Vue.js用起来更加得心应手。下面的例子,是自己学习Vue.js的时候的demo,提供给大家参考。

插件示例
插件示例

这是一个两级的省市插件,省市的数据来源不详,格式采用六位编码,比如广东省是440000,深圳则是440300。每两位代表一级行政区域。

初始化很简单

<div id="demo">
    <j-city cvalue="440300" cname="city-code"></j-city>
</div>
<script>
new Vue({el:'#demo'});
</script>

如果有需要的话,前往github查看demo。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今晚,凑了六人局,李三立从旁边宿舍拉来俩人。好了,大家坐好,天黑请闭眼就此开始,李三立说道。张强抽得法官,张强作为...
    田裡和樹阅读 278评论 0 1
  • #有些鞋子,在目前比较畸形的球鞋市场中,它的售价远远超出了它该有的价值。 #比如AJ正代、NMD初代配色、yeez...
    美国大叔阅读 162评论 0 0
  • 开拓吧!Ktoba! 为期4天的第十四届中国摩博会在重庆国际博览中心圆满落下帷幕。据摩博会组委会统计,4天展会共计...
    开拓吧阅读 66评论 0 0
  • “我选择沉默的主要原因之一:从话语中,你很少能学到人性,从沉默中却能。假如还想学得更多,那就要继续一声不吭 。”—...
    赤星行阅读 4,515评论 9 99