Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuejs:如何像这样显示数组值_Javascript_Vue.js_Vuejs2_Vue Component_Vue Cli - Fatal编程技术网

Javascript Vuejs:如何像这样显示数组值

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"

我想显示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}

您可以根据需要执行另一个循环

 <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},我实际上希望逗号位于数组之间,但即使这样也很好,谢谢