当前位置: 首页 > article >正文

VUE学习笔记5__vue指令v-html

在这里插入图片描述
v-html是用来解析字符串标签
示例

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
<div id="app">
    <div v-html="msg"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    const app = new Vue({
            el: '#app',
            data: {
              msg: `
                <a href="https://www.baidu.com">百度</a>
              `
            }
          })
</script>
</body>
</html>

预览
在这里插入图片描述
在这里插入图片描述


http://www.kler.cn/a/506485.html

相关文章:

  • docker一张图理解
  • (即插即用模块-Attention部分) 四十四、(ICIP 2022) HWA 半小波注意力
  • citrix netscaler13.1 重写负载均衡响应头(基础版)
  • 如何发布自己的第一个Chrome扩展程序
  • nginx 实现 正向代理、反向代理 、SSL(证书配置)、负载均衡 、虚拟域名 ,使用其他中间件监控
  • 【算法学习笔记】31:试除法分解质因数及求解欧拉函数
  • RK3576 Android14 状态栏和导航栏增加显示控制功能
  • 玩转大语言模型——使用graphRAG+Ollama构建知识图谱
  • Linux Top 命令 load average 指标解读
  • 正式开源,Doris Operator 支持高效 Kubernetes 容器化部署方案
  • JS宏进阶: 工厂函数与构造函数
  • 【深度学习】PyTorch :调用残差网络(ResNet)
  • nginx反向代理http 和 https(案例)
  • 域名劫持是怎么回事?怎么解决?
  • docker安装和测试redis步骤
  • 8.BMS SOC的算法总结
  • 【20250115】Nature子刊:柔性生物传感与深度学习结合的上肢运动增强外骨骼机器人...
  • 【Rust自学】12.4. 重构 Pt.2:错误处理
  • 酷柚易汛ERP 2025-01-16系统升级日志
  • 【C++ 类和对象 进阶篇】—— 逻辑森林的灵动精灵,舞动类与对象的奇幻圆舞曲
  • elrond32
  • QT跨平台应用程序开发框架(3)—— 信号和槽
  • 【深度学习】关键技术-优化算法(Optimization Algorithms)详解与代码示例
  • shell练习(3)
  • SQL-leetcode—626. 换座位
  • opencv_图像处理_去噪声_采用中值滤波