vant,vant-card组件获取内部json数据进行v-for循环显示。
完成效果如下图
完成效果图
内部json数据
1.引入内部json数据
import Current from "../../../static/datas/currentorders.js"
2.获取数据
export default {
data () {
return {
currentData:[],
}
},
beforeMount() {
this.fun();
},
methods: {
fun() {
this.currentData = Current.current_orders;
},
}
}
3.vant组件库
v-for遍历循环
注意点:
1.v-for="(item,index) in currentData[0].orders":key="index"
2.**:num=“item.number”**里的“ :”
<van-card
v-for="(item,index) in currentData[0