Mica_Forever 2023-01-20 16:39 采纳率: 96.3%
浏览 15
已结题

为何使用ype="text/x-template"后template: "#tp1"会报错?(关键词-代码块)

使用ype="text/x-template"后template: "#tp1"会报错

遇到的现象和发生背景,请写出第一个错误信息

template: "#tp1"报错

用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
<p>
    {{massage}},tom
</p>
</div>

<script id="tp1" type="text/x-template">
    <diV>{{message}},mike</diV>
</script>
<script>
    const app = Vue.createApp({
        template: "#tp1",
        data() {
            return {
                message: "hello"
            }
        }
    })
    const vm = app.mount("#app")
    console.log(vm.$el)
</script>
</body>
</html>

运行结果及详细报错内容

f12显示Uncaught TypeError: Cannot read properties of undefined (reading '$el')

  • 写回答

2条回答 默认 最新

  • 「已注销」 2023-01-20 17:04
    关注

    若对您的问题有帮助,望采纳
    这个错误是由于您在调用 app.mount() 方法时未指定要挂载到哪个元素上。在这种情况下,您应该指定一个元素来挂载应用程序,例如:

    app.mount("#app")
    
    
    

    其中 "#app" 是要挂载到的元素的 ID。

    另外需要注意的是,在template: "#tp1"中,需要使用的模板中的变量名message,和data中声明的message是一致的, 如果不一致,会导致这个错误.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月21日
  • 已采纳回答 2月13日
  • 创建了问题 1月20日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度