现象:
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>
请教各位大佬们了, 感谢