代码与课程上的相同,但浏览器报错
相关代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>慕课网OA办公系统</title> <!-- 引入样式 --> <link rel="stylesheet" type="text/css" href="assets/element-plus/index.css"> <!-- 引入组件库 --> <script src="assets/vue/vue.global.js"></script> <script scr="assets/element-plus/index.full.js"></script> <script scr="assets/axios/axios.js"></script> <style> .login-box { border: 1px solid #dcdfe6; width: 350px; margin: 180px auto; padding: 35px 35px 15px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 0 25px #909399; } </style> </head> <body> <div id="app"> <el-form ref="loginForm" lable-width="80px" class="login-box"> </el-form> </div> <script> const Main = { data() { return { } } }; // 初始化Vue,绑定Main中的数据,利用ElementPlus对#app容器进行重新渲染 const app = Vue.createApp(Main); app.use(ElementPlus); app.mount("#app"); </script> </body> </html>
相关截图:
25
收起
正在回答
2回答
同学你好,将代码恢复最开始的状态,然后将单词src修改正确即可,修改后代码如下所示:
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星