首页 > 其他分享 >uniapp 使用z-paging 分页组件 写在头部插槽内的单选按钮无法点击

uniapp 使用z-paging 分页组件 写在头部插槽内的单选按钮无法点击

时间:2023-10-07 11:57:52浏览次数:37  
标签:uniapp index 插槽 paging 单选 组件

这个问题是因为组件层级太低

<z-paging ref="paging" v-model="dataList" @query="queryList" auto-show-back-to-top :empty-view-z-index="9999" class="paging">
        <view slot="top">
            <view class="topContent">
                <u-radio-group v-model="field">
                    <u-radio @change="radioChange" v-for="(item, index) in rbLists" :key="index" :name="item.name"
                        style="z-index: 99999;">
                        {{item.label}}
                    </u-radio>
                </u-radio-group>
            </view>
        </view>
        <goods-card :cartLists="dataList" />
    </z-paging>

 

给组件设置高层级就好了

标签:uniapp,index,插槽,paging,单选,组件
From: https://www.cnblogs.com/xiaosongboke/p/17745932.html

相关文章

  • uniapp微信小程序如何处理input输入空格问题?
    第一种方法用input组件自带的@input事件使用@input事件绑定变量用trim修剪掉前端和末尾的空格后用replace替换空格为空把处理过的值赋给自己<inputtype="text"class=""v-model="certNo"placeholder="请输入您的证书编号"@blur="certNo=certNo.trim().replace(/\s+/g,''......
  • uniapp微信小程序如何处理input输入空格问题?
    第一种方法用input组件自带的@input事件使用@input事件绑定变量用trim修剪掉前端和末尾的空格后用replace替换空格为空把处理过的值赋给自己<inputtype="text"class=""v-model="certNo"placeholder="请输入您的证书编号"@blur="certNo=certNo.trim().replace(/\s+/g,''......
  • uniapp项目实践总结(二十七)苹果应用商店上架教程
    导语:之前介绍了如何打包一个苹果安装包文件,如果想要上架苹果ios应用商店,那么就来这里学习一下方法吧。目录准备材料上架步骤审核事项准备材料基本信息构建版本:需要一个ipa格式安装包;logo:你应用的logo图标;应用名称:名称经过审核后才会显示在AppStore中;应用......
  • springboot+Uniapp+redis开发的AI医疗智能导诊系统源码
    AI+医疗的智能导诊系统源码 自主版权 支持二开一、什么是智能导诊系统?智能导诊系统是一种基于人工智能和大数据技术开发的医疗辅助软件,它能够通过对患者的症状、病史等信息进行计算分析,快速推荐科室和医生。通过简单的描述自身症状,系统即可找到最适合的科室,实现线上高效挂号,线下......
  • uniapp高度相关计算
    获取屏幕高度uni.getSystemInfo()获取状态栏高度uni.getSystemInfo()高度计算rpx转化onLoad(){ uni.getSystemInfo({ success:function(res){ console.log(res.screenHeight);//屏幕高度注意这里获得的高度宽度都是px需要转换rpx ......
  • vue 数据data-uniapp
    data属性data必须声明为返回一个初始数据对象的函数(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 //正确用法,使用函数返回对象 data(){ return{ title:'Hello' } } //错误写法,会导致再次......
  • pyqt5-QRadioButton单选按钮组件
    1、介绍QRadioButton,单选按钮。多个单选按钮在同一组件中,只能最多被选择一个。可以通过GroupBox划分范围。QRadioButton(parent:typing.Optional[QWidget]=None)QRadioButton(text:str,parent:typing.Optional[QWidget]=None)2、基础使用QRadioButton继承QAbstractB......
  • uniapp中的三种组件
    uni-app中的模板——<template>: 第一类:内置组件/原生组件——无需导入直接使用 view、text、image、button、input 第二类:扩展组件(uni-ui组件库)——先下载再使用 uni-rate、uni-number-box 第三类:自定义组件——先创建再使用 创建:components>zh-go-top>zh......
  • uniapp项目实践总结(二十五)苹果 ios 平台 APP 打包教程
    导语:当你的应用程序开发完成后,在上架ios应用商店之前,需要进行打包操作,下面就简单介绍一下打包方法。目录准备工作注册账号生成证书打包配置准备工作在打包之前,请保证你的uniapp应用程序编译到ios模拟器或者是真机调试基座环境下是可以正常运行的,苹果打包的过程比......
  • Uniapp学习笔记(vue3)
    https://uniapp.dcloud.net.cn/使用Vue.js开发所有前端应用的框架开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。周边生态丰富发送请求 methods:{ getMsg(msg){ ......