【router-link】Vue页面路由跳转

template

    <ul style="text-align: center;margin-left: 30rem;margin-top: 5rem">
        <li style="margin-top: 1rem;text-align: left;cursor:pointer" v-for="item in URLList" :key="item.name">
            <router-link tag="div" :to="item.path">{{item.name}}</router-link>
        </li>
    </ul>

js

<script>
    export default {
        data(){
            return{
                URLList:[
                    { path:'/', name:'页面1' },
                    { path:'/deviceScreen', name:'页面2' },
                    { path:'/injection', name:'页面3' }
                ]
            }
        }
    }
</script>