我想拆分列表中的一行并在另一个列表语句中使用结果,如下所示:我实际上知道这种类型的 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)