mac_05185 2022-09-20 09:26 采纳率: 67.1%
浏览 217
已结题

vue项目运行后网页界面空白显示,无内容,如何解决?

vue代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue-HTML</title>
</head>

<body>
<!-- html结构 -->
<div id="app">
    <p v-html="content"></p>
    <p v-text="content"></p>
</div>
<script type="text/javascript" src="https://cdn.jsdeliver.net/npm/vue/dist/vue.js"></script>
<script>
    import Vue from "vue";

    let app = new Vue(
        {
            el: "#app",
            data: {
                // content: "mac"
                content: "<a href='https://www.itheima.com>黑马程序员</a>'"
            }
        }
    );
</script>
</body>

</html>

问题,如图片所示,运行之后无任何显示,大致问题是什么导致?:

img

  • 写回答

3条回答 默认 最新

  • 你好!机器人 2022-09-20 09:46
    关注

    三个问题:
    1、https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js链接问题
    2、import Vue from "vue" 这个你得装依赖
    3、content值的标点符号问题

    
    <!DOCTYPE html>
    <html lang="en">
     
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>vue-HTML</title>
    </head>
     
    <body>
    <!-- html结构 -->
    <div id="app">
        <p v-html="content"></p>
        <p v-text="content"></p>
    </div>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script>
        // import Vue from "vue";
     
        let app = new Vue(
            {
                el: "#app",
                data: {
                    // content: "mac"
                    content: "<a href='https://www.itheima.com'>黑马程序员</a>"
                }
            }
        );
    </script>
    </body>
     
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月20日
  • 已采纳回答 9月20日
  • 修改了问题 9月20日
  • 创建了问题 9月20日

悬赏问题

  • ¥20 西门子S7-Graph,S7-300
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改