uview2.0中的uni-nav-bar去掉左边的返回按钮

<u-navbar title="服务" leftIcon=" "></u-navbar>

leftIcon 设置空格

或者用插槽

<u-navbar title="服务"><view slot="left"></view></u-navbar>

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uview2.0的u-picker组件实现省市二级联动,可以按照以下步骤操作: 1. 在页面引入u-picker组件。 2. 在页面定义两个变量,一个用来存储省份列表,一个用来存储城市列表。初始化时,省份列表为空,城市列表为第一个省份的城市列表。 3. 在u-picker组件设置mode为multi-column,表示多列选择,设置columns为2,表示有两列。 4. 设置第一列的数据源为省份列表,第二列的数据源为城市列表。 5. 监听u-picker组件的change事件,在事件处理函数更新当前省份和城市列表,并根据选的省份动态更新城市列表。 下面是示例代码: ```html <template> <view> <u-picker @change="onPickerChange" :mode="mode" :columns="columns" :list="pickerList"></u-picker> </view> </template> <script> export default { data() { return { mode: 'multi-column', columns: 2, provinces: [], // 省份列表 cities: [], // 当前省份的城市列表 pickerList: [this.provinces, this.cities] // u-picker组件的数据源,初始时为第一个省份的城市列表 } }, created() { // 初始化时从服务端获取省份列表和第一个省份的城市列表 this.getProvinceList().then(() => { this.getCitiesByProvince(this.provinces[0]).then(() => { // 更新u-picker组件的数据源 this.pickerList = [this.provinces, this.cities]; }); }); }, methods: { onPickerChange(e) { const column = e.currentTarget.dataset.column; const index = e.detail.value[column]; if (column === '0') { // 选了省份 const province = this.provinces[index]; this.getCitiesByProvince(province).then(() => { // 更新u-picker组件的数据源 this.pickerList = [this.provinces, this.cities]; }); } }, getProvinceList() { // TODO: 从服务端获取省份列表 return new Promise((resolve) => { this.provinces = ['北京市', '上海市', '广东省']; resolve(); }); }, getCitiesByProvince(province) { // TODO: 从服务端获取指定省份的城市列表 return new Promise((resolve) => { if (province === '北京市') { this.cities = ['北京市']; } else if (province === '上海市') { this.cities = ['上海市']; } else if (province === '广东省') { this.cities = ['广州市', '深圳市', '珠海市']; } resolve(); }); } } } </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值