luyisac
luyisac
  • 发布:2023-03-28 16:09
  • 更新:2023-03-28 16:09
  • 阅读:235

【报Bug】nvue app中的textarea 如果有初始值时,textarea高度无法撑开

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.7.9

手机系统: Android

手机系统版本号: Android 12

手机厂商: vivo

手机机型: iqoo5

页面类型: vue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

操作步骤:
<template>  
    <view class="flex-1 flex-column">     
        <view class="border-bottom">  
            <textarea ref="textarea" class="line-height-md" :autoHeight="true" v-model="userInfo.introduce" border="bottom"></textarea>  
        </view>  
    </view>  
</template>  
<script>  
    import editInfoNvue from './editInfo.nvue'  
    import FuiTextarea from '@/components/firstUI/fui-textarea/fui-textarea.vue';  
    export default {  
        components: {  
            FuiTextarea  
        },  
        data() {  
            return {  
                disabled: true,  
                userInfo: {  
                    nickName: "随云卷云舒",  
                    sex: "男",  
                    birthday: "2000-01-24",  
                    introduce: "随云卷云舒随云卷云舒随云云卷云舒随云卷云舒随云卷云舒随云云卷云舒"  
                },  
                txt:"",  
                show: false,  
                popshow: false,  
                list: [{  
                        name: '男',  
                    },  
                    {  
                        name: '女',  
                    },  
                    {  
                        name: '不设置',  
                    },  
                    {  
                        name: '取消',  
                    }  
                ],  
                value1: Number(new Date()),  
            }  
        },  
        computed: {  
            getTime() {  

            }  
        },  
        mounted() {  

        },  
        methods: {  
            opensSexPopup() {  

            },  
            closeEditInfo() {  
                const subNVue = uni.getSubNVueById('editInfo')  
                subNVue.hide("slide-out-bottom", 300)  
            },  
            save() {  
                this.closeEditInfo()  
                // TODO:修改信息  
            },  
            editInfo() {  
                console.log(1)  
            },  
            changeSex(e) {  
                console.log(e)  
                this.userInfo.sex = e.name  
            },  
            confirm() {  
                this.closeDatePicker()  
            },  
            closeDatePicker() {  
                console.log("1")  
                this.show = false  
                console.log(this.show)  
            },  
            checkSame() {  

            }  
        }  
    }  
</script>

预期结果:

初始化有值时,textarea高度被撑开

实际结果:

textarea高度没有被撑开

bug描述:

如视频,nvue中 app中textarea 具有初始值,但是高度没有撑开,只有键盘输入修改内容时才会撑开textarea。

<template>  
    <view class="flex-1 flex-column">     
        <view class="border-bottom">  
            <textarea ref="textarea" class="line-height-md" :autoHeight="true" v-model="userInfo.introduce" border="bottom"></textarea>  
        </view>  
    </view>  
</template>  
<script>  
    import editInfoNvue from './editInfo.nvue'  
    import FuiTextarea from '@/components/firstUI/fui-textarea/fui-textarea.vue';  
    export default {  
        components: {  
            FuiTextarea  
        },  
        data() {  
            return {  
                disabled: true,  
                userInfo: {  
                    nickName: "随云卷云舒",  
                    sex: "男",  
                    birthday: "2000-01-24",  
                    introduce: "随云卷云舒随云卷云舒随云云卷云舒随云卷云舒随云卷云舒随云云卷云舒"  
                },  
                txt:"",  
                show: false,  
                popshow: false,  
                list: [{  
                        name: '男',  
                    },  
                    {  
                        name: '女',  
                    },  
                    {  
                        name: '不设置',  
                    },  
                    {  
                        name: '取消',  
                    }  
                ],  
                value1: Number(new Date()),  
            }  
        },  
        computed: {  
            getTime() {  

            }  
        },  
        mounted() {  

        },  
        methods: {  
            opensSexPopup() {  

            },  
            closeEditInfo() {  
                const subNVue = uni.getSubNVueById('editInfo')  
                subNVue.hide("slide-out-bottom", 300)  
            },  
            save() {  
                this.closeEditInfo()  
                // TODO:修改信息  
            },  
            editInfo() {  
                console.log(1)  
            },  
            changeSex(e) {  
                console.log(e)  
                this.userInfo.sex = e.name  
            },  
            confirm() {  
                this.closeDatePicker()  
            },  
            closeDatePicker() {  
                console.log("1")  
                this.show = false  
                console.log(this.show)  
            },  
            checkSame() {  

            }  
        }  
    }  
</script>
2023-03-28 16:09 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复