1.实现大致是如下效果 2.搜索组件的页面结构 <template> <div> <div class="search"> ...
适用于vue的城市选择组件 仓库地址 基本功能: 支持全选 反选以及全部清空。 支持按拼音筛选。 勾选省份将会勾选省份下所有城市。 返回数据可灵活处理。 安装 npm install cn region picker 或者 yarn add cn region picker 用法 组件引入: 使用: lt cn region picker v model pickCity placeholder ...
2018-12-14 21:17 0 1659 推荐指数:
1.实现大致是如下效果 2.搜索组件的页面结构 <template> <div> <div class="search"> ...
成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详 ...
https://www.cnblogs.com/rmty/p/11040799.html 在之前通过Better-scroll实现了城市选择页面最基本的功能,接下来把这个页面字母表联动的过程记录一下: 要实现的效果: 1.点击右侧字母表,页面移动到对应城市字母开头的地方 2.手指在右侧 ...
城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市,选择城市后返回,又根据自己选择的城市搜索小区。 功能展示 这是选择结果 这是选择城市 这是搜索小区 这是搜索小区接口,key为城市名字,id是城市的id 假如切换城市 搜索接口也会相应变化,id ...
前言 很多 App 都有城市选择的功能,今天带大家编写一个城市选择组件。下面是这个组件的效果图。 功能分析 从上图中可以看出,我们将所有城市按照字母区分块,右边是字母索引。通过点击右边的字母可以跳转到相对应的块,同样的,在移动左边的列表的时候,右边也会跟随移动来显示不同的高亮 ...
<template> <div class="assetAllocation"> <Header class="header" @PagebackFun="BackFun ...
有时候会用到同一位置因为条件不同而使用不同组件,vue中可以用 :is ...
可以实现多选,联想搜索(仅单选支持) 功能展示 可联想搜索的单选 多选 使用介绍 支持从父组件传的参数有 'redBorder','width','height','placeholder ...