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

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日

悬赏问题

  • ¥15 powerbuilder出现这样的报错
  • ¥15 h3.6m 人类行为预测论文复现
  • ¥50 wordpress项目注册报失败刷新后其实是成功状态,请求排查原因
  • ¥20 linxu服务器僵尸进程不释放,代码如何修改?
  • ¥15 pycharm激活不成功
  • ¥40 如果update 一个列名为参数的value
  • ¥15 基于51单片机的水位检测系统设计中LCD1602一直不显示
  • ¥15 OCS2安装出现问题,请大家给点意见
  • ¥15 ros小车启动launch文件报错
  • ¥15 vs2015到期想登陆但是登陆不上