微信小程序——下拉组件

weixin_58412143

于 2022-07-19 10:54:56 发布

阅读量528

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.youkuaiyun.com/weixin_58412143/article/details/125867330

版权

本文介绍了微信小程序中创建和使用下拉组件的详细过程，包括父组件和子组件的wxml、js、wxss文件配置，展示了如何在微信小程序中实现交互式的下拉功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父组件.wxml

  <Select prop-array='{
  {selectArray}}' bind:myget='getDate'></Select>

父组件.json

{
    "usingComponents": {
        "Select": "../select/select"
    }
}

父组件.js

      //select
        getDate: function (e) {
            console.log(e.detail)//子组件传过来的参数
            this.setData({
                name:e.detail.text,
                id:e.detail.id
            })
        }

子组件.wxml

<view class="com-selectBox">
        <view class="com-sContent" bindtap="selectToggle">
                <view class='com-sTxt'>{
  {nowText}}</view>
        <!-- 右侧箭头-动画效果 -->
        <!--         <image src='../../public/image/index/jinru1@2x.png'  class='com-sImg'  animation="{
  {animationDat