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

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 在若依框架下实现人脸识别
  • ¥15 网络科学导论，网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比，为什么Snetinel-2计算的结果最小值特别小，而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同