为什么会报错呢

来源:2-14 实现RBAC View层

王小east

2022-10-27 08:35:58

https://img.mukewang.com/climg/6359d25509baa2eb28801624.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慕课网OA办公系统</title>
    <script src="/assets/vue/vue.global.js"></script>
    <script src="/assets/element-plus/index.full.js"></script>
    <script src="/assets/axios/axios.js"></script>
    <style>
        .el-header{
            background-color: rgb(238,241,246);
            color: #333;
            line-height: 60px;
        }
        html,body,#app,.el-container,.el-aside,.el-main{
            margin: 0px;
            padding: 0px;
            height: 100%;
            max-height: 100%;
        }
    </style>
</head>
<body>
    <div id="app">
        <el-container style="height:100%;border: 1px solid #eee">
            <el-header>
                123345
            </el-header>
            <el-container>
                <el-aside width="200px" style="max-height: 100%;background-color: rgb(238,241,246)">
                    <el-menu : default-openeds="['0']">
                        <template v-for="(n,idx) in nodeList">
                            <el-submenu :index="idx.toString()">
                                <template #title><i class="el-icon-s-tools"></i>{{n.node.nodeName}}</template>
                            </el-submenu>
                        </template>
                    </el-menu>
                </el-aside>
                <el-main>
                    我是展示区
                    <iframe id="main" name="main" src="http://www.taobao.com" style="width: 100%;height: 95%;border: 0px"></iframe>
                </el-main>
            </el-container>
        </el-container>
    </div>

    <script>
        const Main = {
            data(){
                return{
                    nodeList:[]
                }
            }
            ,mounted(){
                const objApp = this;
                axios.get("/api/user_info?uid=" + sessionStorage.uid)
                    .then(function (response) {
                        const json = response.data;
                        console.info(json);
                        json.data.nodeList.forEach(function(item){
                            objApp.nodeList.push(item);
                        });
                        console.info(objApp.nodeList);
                    });
            }
        };
        const app = Vue.createApp(Main);
        app.use(ElementPlus);
        app.mount("#app");
    </script>
</body>
</html>


写回答

1回答

好帮手慕小小

2022-10-27

同学你好,将如下位置的空格删除后重启tomcat运行试下。

https://img.mukewang.com/climg/6359f322091df10506760270.jpg

<el-menu :default-openeds="['0']">

祝学习愉快~

0

0 学习 · 9886 问题

查看课程