4***@qq.com
4***@qq.com
  • 发布:2020-01-09 11:32
  • 更新:2020-03-23 12:01
  • 阅读:1555

【报Bug】v-for 循环用split分割的数组就会失效

分类:HBuilderX

详细问题描述

v-for 循环用split分割的数组就会失效

[内容]

<view class="" v-for="(x,i) in list.split(',')" :key="i">  
            {{x}}  
</view>  

    data() {  
            return{  
                list:"aaa,bbb,ccc",  
            }             
        },

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2020-01-09 11:32 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

有回复么兄弟

小宝科技

小宝科技

求解决方法

DCloud_uniCloud_WYQ

DCloud_uniCloud_WYQ

运行到哪端?

  • 拍手海豹

    同样的问题,v-for中使用split切割字符串为数组会失效无任何数据,微信小程序无反应。检查H5端没问题

    2020-04-22 23:46

  • 拍手海豹

        <block v-for="(data1,index) in testdata" :key='index'>  
    <view>
    <text>{{data1.name}}</text>
    </view>
    <block v-for="(data2,index2) in data1.info.split(';')" :key='index2'>
    <view>
    <text>{{data2}}--{{index2}}</text>
    </view>

    </block>

    </block>

    其中

    testdata: [{

    name: "abc",

    info: "你在哪;测"

    }, {

    name: "def",

    info: "他砸啊;是"

    }],

    2020-04-22 23:48

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