#vue循环路由

<template>
    <view class="content">
        <view v-for="(item, index) in list" 
              :key="index"
              class="cell-item"
              @click="showDetail(item)"
        >{{item.name}}</view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                list: [
                    {
                        name: '页面1',
                        value: 'html1'
                    },
                    {
                        name: '页面2',
                        value: 'html2'
                    },
                    {
                        name: '页面3',
                        value: 'html3'
                    }
                ]
            }
        },
        onLoad() {
            console.log(111);
        },
        methods: {
            showDetail(item) {
                uni.navigateTo({
                    url: `/pages/examples/${item.value}/${item.value}`
                })
            }
        }
    }
</script>

<style lang="scss">
    .content {
        .cell-item {
            padding: 30rpx;
            margin: 20rpx;
            box-shadow: 0 1px 5px #ebedf0;
            background: #fff;
        }
    }
</style>