导航

    Taro 社区

    Taro

    • 注册
    • 登录
    • 搜索
    • 版块
    • 最新
    • 话题
    • 热门
    • 群组
    1. 主页
    2. jd_606f909dc3f97
    J
    • 资料
    • 关注
    • 粉丝
    • 主题
    • 帖子
    • 最佳
    • 群组

    jd_606f909dc3f97

    @jd_606f909dc3f97

    0
    声望
    4
    帖子
    1564
    资料浏览
    0
    粉丝
    0
    关注
    注册时间 最后登录

    jd_606f909dc3f97 关注

    jd_606f909dc3f97 发布的帖子

    • taro react PickerView设置初始值value,选择其它项时会回到初始值项

      官方文档地址 https://nervjs.github.io/taro/docs/components/forms/picker-view

      不是每次都会回到初始值,有时候又是正常的。不设置value就没问题,没法传gif,贴张图片
      07d80eff-4093-4d18-b23d-33511462798b-image.png
      就是我初始值是20,向上滑动到15,松开,会自动滑动到设置的value值,也就是20,右边的打印显示我确实选择了15,造成了一次更新,
      不知道是不是我代码的问题,哪位大佬帮忙看看
      代码:

      import  { FC, useState } from 'react'
      import Taro, { View, PickerView, PickerViewColumn } from '@tarojs/components'
      import './index.scss'
      
      const selector = ['关闭','5', '10', '15', '20']
      const timeValue = [99]
      interface pickerProps {
        show: boolean,
        onCancel: () => void,
        onConfirm: (time) => void,
      }
      
      const TimePicker: FC<pickerProps> = (props) => {
        const [time, setTime] = useState('')
        const { show, onCancel, onConfirm} = props
        if (!show) {
          return null
        }
      
        const onTimeChange = (e) => {
          const index = e.detail.value[0]
          const val = selector[index]
          console.log('onTimeChange', val)
          setTime(val)
        }
      
        console.log('TimePicker刷新了')
        
        return (
          <View className='mesk' catchMove>
            <View className='time-picker-wrap'>
              <View className='time-picker'>
                <View className='time-picker-title'>设置定时时间</View>
                <PickerView
                  indicatorClass='picker-indicator'
                  className='picker-view'
                  value={timeValue}
                  onChange={(e) => onTimeChange(e)}
                >
                  <PickerViewColumn>
                    {selector.map(item => {
                      return (
                        <View className='picker-item'>{item}</View>
                      );
                    })}
                  </PickerViewColumn>
                </PickerView>
                <View className='time-picker-btn-wrap'>
                  <View className='time-picker-btn time-picker-btn__cancel' onClick={()=>onCancel()}>取消</View>
                  <View className='time-picker-line'></View>
                  <View className='time-picker-btn time-picker-btn__enter' onClick={()=>onConfirm(time)}>确定</View>
                </View>
              </View>
            </View>
          </View>
        )
      }
      
      export default TimePicker
      

      环境信息

        Taro CLI 3.2.1 environment info:
          System:
            OS: macOS 10.15.6
            Shell: 5.7.1 - /bin/zsh
          Binaries:
            Node: 12.18.3 - /usr/local/bin/node
            Yarn: 1.22.10 - /usr/local/bin/yarn
            npm: 7.9.0 - /usr/local/bin/npm
          npmPackages:
            @tarojs/components: 3.2.1 => 3.2.1 
            @tarojs/mini-runner: 3.2.1 => 3.2.1 
            @tarojs/react: 3.2.1 => 3.2.1 
            @tarojs/runtime: 3.2.1 => 3.2.1 
            @tarojs/taro: 3.2.1 => 3.2.1 
            @tarojs/webpack-runner: 3.2.1 => 3.2.1 
            babel-preset-taro: 3.2.1 => 3.2.1 
            eslint-config-taro: 3.2.1 => 3.2.1 
            react: ^17.0.0 => 17.0.2 
          npmGlobalPackages:
            typescript: 4.2.4
      
      发布在 微信小程序
      J
      jd_606f909dc3f97
    • RE: npm run dev:weapp今天编译时候突然报错,报错信息如下,大神帮忙看一下是什么原因,要怎么解决

      应该是taro cli的版本和项目依赖的版本不一致,
      1.删除node_modules, yarn.lock, package-lock.json
      2 npm install -g @tarojs/cli
      3. taro info
      1cb6341a-3e70-466b-9f49-425494ffa708-image.png
      将依赖的版本号改到和cli版本一致
      4 npm install

      发布在 微信小程序
      J
      jd_606f909dc3f97
    • taro3 vue3 onGetUserInfo怎么使用

      通过onGetUserInfo获取用户信息,没法触发回调
      代码:

      <template>
        <view class="mine">
          <button @tap="getUserName">用户名称:{{name}}</button>
          <button type="primary" open-type="getUserInfo" onGetUserInfo="onGetUserInfo" >获取用户信息</button>
          <button type="primary" open-type="getPhoneNumber" onGetPhoneNumber="getPhoneNumber">获取用户手机号</button>
          <at-button
              type="primary"
              openType="getUserInfo"
              @get-user-info="onGetUserInfo"
          >登录授权</at-button>
        </view>
      </template>
      

      使用taro-ui-vue3的at-button可以正常触发,直接使用onGetUserInfo="onGetUserInfo"没有触发,微信小程序还报错了
      577c9264-4be4-4e10-bc15-acb14e407390-image.png

      要怎么写?哪位大佬回答一下,感谢

      发布在 微信小程序
      J
      jd_606f909dc3f97