Taro 使用Taro-ui 和 taro-ui-vue3时, AtInput 组件在微信开发工具下调试不显示问题?

现象:

1. 使用Taro 和 taro-ui 构建的React项目小程序时,在支付宝小程序开发工具下显示AtInput 内容, 在微信小程序开发工具下不显示AtInput;
2. 使用Taro 和 taro-ui-vue3构建的Vue3项目小程序时, 在支付宝小程序开发工具下显示AtInput 内容, 在微信小程序开发工具下**不显示AtInput**;

版本:

  Taro: 3.5.5
  taro-ui: 3.1.0-bata.2
  taro-ui-vue3: 1.0.0@alpha.21 

代码如下:

taro-ui

import { Component, PropsWithChildren } from 'react'
import { View, Text } from '@tarojs/components'
import './index.less'
import { AtButton, AtForm, AtInput, AtAvatar, AtInputNumber } from 'taro-ui'

export default class Index extends Component<PropsWithChildren> {
  constructor() {
    super()
    this.state = {
      value: 1
    }
  }
  componentWillMount() { }

  componentDidMount() { }

  componentWillUnmount() { }

  componentDidShow() { }

  componentDidHide() { }

  onChange(value: any) {
    console.log(value)
  }
  render() {
    return (
      <View className='index'>
        <Text>Hello world!</Text>
        <AtButton type='primary'>taro ui demo100 </AtButton>
        <AtAvatar text='凹凸实验室'></AtAvatar>
        <AtInputNumber min={0} type="number" value={this.state.value}
          max={10}
          step={1} />

        <AtInput title='姓名' placeholder='请输入' name='name' onChange={this.onChange} />
        <AtForm>
        </AtForm>
      </View>
    )
  }
}

taro-ui-vue3

<template>
  <view class="index">
    <AtButton type="primary">hello</AtButton>
    <AtRadio :options="list" :value="value" @Click="select" />
    <AtForm>
      <AtInput name="name" placehoder="请输入" title="姓名" />
    </AtForm>
  </view>
</template>


<script setup>
import { AtForm, AtInput, AtButton, AtRadio } from "taro-ui-vue3";
import { ref } from "vue";
const value = ref('option1')
const list = [
  { label: '单选项一', value: 'option1', desc: '单选项描述' },
  { label: '单选项二', value: 'option2' },
  { label: '单选项三禁用', value: 'option3', desc: '单选项描述', disabled: true }
]
function select(item) {
  console.log(item)
  value.value = item
}
</script>

请教各位大佬们了, 感谢

阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题