Javascript Vuejs:如何像这样显示数组值
我想显示day对象中的值,例如:星期日、星期一等 现在,这里是我的代码:Javascript Vuejs:如何像这样显示数组值,javascript,vue.js,vuejs2,vue-component,vue-cli,Javascript,Vue.js,Vuejs2,Vue Component,Vue Cli,我想显示day对象中的值,例如:星期日、星期一等 现在,这里是我的代码: 你可以做另一个循环 <div class="col-md-3 col-sm-6" v-for="item in result" v-bind:key="item.schedule_id"> <div v-for="(day , index) in item.day" :key="index"
你可以做另一个循环
<div class="col-md-3 col-sm-6" v-for="item in result" v-bind:key="item.schedule_id">
<div v-for="(day , index) in item.day" :key="index">
{{day}}
</div>
</div>
{{day}
您可以根据需要执行另一个循环
<div class="col-md-3 col-sm-6" v-for="item in result" v-bind:key="item.schedule_id">
<div v-for="(day , index) in item.day" :key="index">
{{day}}
</div>
</div>
{{day}
如果您只想返回天数,请使用flatMap
功能:
<div class="col-md-3 col-sm-6" v-for="day in result.flatMap(item=>item.day)" v-bind:key="day">
{{ day }}
</div>
{{day}
如果要用逗号分隔,请使用以下命令:
<div class="col-md-3 col-sm-6" >
{{ result.flatMap(item=>item.day).join(',') }}
</div>
{{result.flatMap(item=>item.day.join(',')}
或在阵列之间:
<div class="col-md-3 col-sm-6" >
{{ result.map(item=>item.day).join(',') }}
</div>
{{result.map(item=>item.day.join(',')}
如果您只想返回天数,请使用flatMap
功能:
<div class="col-md-3 col-sm-6" v-for="day in result.flatMap(item=>item.day)" v-bind:key="day">
{{ day }}
</div>
{{day}
如果要用逗号分隔,请使用以下命令:
<div class="col-md-3 col-sm-6" >
{{ result.flatMap(item=>item.day).join(',') }}
</div>
{{result.flatMap(item=>item.day.join(',')}
或在阵列之间:
<div class="col-md-3 col-sm-6" >
{{ result.map(item=>item.day).join(',') }}
</div>
{{result.map(item=>item.day.join(',')}
我认为这是一个更好、更简单的解决方案
<div class="col-md-3 col-sm-6" v-for="item in result" :key="item.schedule_id"> {{ item.day.join(',') }} </div>
{{item.day.join(',')}
我认为这是一个更好、更简单的解决方案
<div class="col-md-3 col-sm-6" v-for="item in result" :key="item.schedule_id"> {{ item.day.join(',') }} </div>
{{item.day.join(',')}
但是,对于结果,如何保留逗号?您可以在{{day}之后添加逗号,就像{day},我实际上希望逗号位于数组之间,但即使这样也很好,谢谢,但是对于结果,如何保留逗号?您可以在{day}之后添加逗号,就像{day},我实际上希望逗号位于数组之间,但即使这样也很好,谢谢