hhlnb
hhlnb
  • 发布:2021-04-17 09:27
  • 更新:2023-03-24 13:59
  • 阅读:1044

【报Bug】nvue 页面 text 无法断句换行

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.1.4

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 红米K30U

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
<template>  
    <view>  
        <view style="word-break: break-all;width: 300rpx;">  
            <text style="word-break: break-all;width: 300rpx;">{{u1}}: {{t1}}</text>  
        </view>  
        <view></view>  
        <view style="word-break: break-all;width: 300rpx;">  
            <text style="word-break: break-all;width: 300rpx;">{{u1}}: {{t2}}</text>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                u1: "路人甲",  
                t1: "hhhhhhhhhhhhhhhhhhhh",  
                t2: "哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈或"  
            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

预期结果:

断句换行

实际结果:

没有断句换行

bug描述:

在nvue 页面 同一个 text中有两个变量, 不能断句换行, 就是附件那个效果 , 代码也在附件

2021-04-17 09:27 负责人:无 分享
已邀请:
小朱葛

小朱葛 - 前端搬砖工程师

这种有人管吗??

syczuan

syczuan

  1. 绝对定位覆盖,但只适合单行且定位的text一定只有一行的情况,文本末尾无法追加text
  2. 循环text标签,性能太差,长列表下无法满足需求
  3. webview,无法添加点击事件,加载慢,能看到空白
  4. 原生插件 https://ext.dcloud.net.cn/plugin?id=11367 ,原生方案,任意组合,可点击可收起

要回复问题请先登录注册