小编APB*_*APB的帖子

Vue js 如何将字符串拆分为数组并在 v-for 列表渲染器中使用

我想拆分列表中的一行并在另一个列表语句中使用结果,如下所示:我实际上知道这种类型的 Vue 列表渲染器的语法不正确,但我想向您展示我需要什么!

var app = new Vue({
	el : "#app",
  data : {
    list : [
      {
        'name' : 'aaa',
        'codes' : '111+222+333'
      },
      {
        'name' : 'bbb',
        'codes' : '432+456+678'
      }
    ]
  }
})
Run Code Online (Sandbox Code Playgroud)
<div id="app">
  <div v-for="row in list">
    <p>{{ row.name }}</p>
    <div v-for="code in (row.codes.split('+'))">
      <p>{{ code }}</p>
    <div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

更新:上面的代码是正确的,我在使用这样的过滤器时遇到了一些错误的问题

v-for="code in (row.codes | split('+'))"
Run Code Online (Sandbox Code Playgroud)

javascript split list vue.js vuejs2

2
推荐指数
1
解决办法
3万
查看次数

标签 统计

javascript ×1

list ×1

split ×1

vue.js ×1

vuejs2 ×1