首页 > 其他分享 >v-html

v-html

时间:2022-11-24 21:13:33浏览次数:34  
标签:el Vue app html link Hello

v-html 用于设置标签的 innerHTML

<body>
    <script src="../vue.js"></script>
    <div id="mydiv">
        <div v-html="message"></div>
        <div v-html="link"></div>
    </div>
    <script src="work2.js"></script>
</body>
var app = new Vue({
    el:'#mydiv',
    data:{
        message:'Hello Vue',
        link:'<a href="#">a link of Vue</a>'
    }
})

结果为:

Hello Vue
a link of Vue  // 这是一个链接

 

标签:el,Vue,app,html,link,Hello
From: https://www.cnblogs.com/daxiangcai/p/16923342.html

相关文章

  • 网安学习-HTML
    一、HTML概述及发展史二、互联网原理三、开发工具的使用四、HTML骨架DTD|关于html标签|字符集|视口标签|浏览器私有设置|title标签|keywords关键字 |des......
  • IDEA编辑器下Vue项目中Element标签出现标黄(Unknown html tag el-form)问题解决方案!
      第一步:检查配置中的依赖项是否勾选,如未勾选则勾上  第二步:检查配置中的Excludes项,如果有被排除的项目则删除  第三步:执行npminstall后,在node_modul......
  • PHP htmlspecialchars()的用法
    htmlspecialchars()函数把一些预定义的字符转换为HTML实体。这个函数的效果其实在浏览器中打开页面是看不到的,要查看源代码才能看到。&(和号)成为&”(双引号)成为"’(......
  • angularjs解析html字符串
    参考链接​​https://docs.angularjs.org/api/ngSanitize​​首先下载angular-sanitize.min.js,下载地址:​​https://github.com/angular/bower-angular-sanitize​​添加解......
  • HTML超链接标签
    本文中的内容参考了W3School。1.普通的超链接代码如下:<spanstyle="font-size:18px;"><ahref="http://www.baidu.com/">转到百度</a></span>2.用图片作为超链接源:<ahref="......
  • HTML防止中文乱码
    在编辑html文件的时候,即使设置编码方式为utf-8,还是出现乱码的话,可以加入如下代码来解决<head><metahttp-equiv="Content-Type"content="text/html;charset=......
  • HTML5+css3新增布局元素整理
    HTML5新增的语义化标签<head>:头部标签<nav>:导航标签<article>:内容标签<section>:定义文档某个区域<aside>:侧边栏标签<footer>:尾部标签 注意:这种语义化标准主要是针对搜索引......
  • 情侣纪念日网站html5源码教程
    个人名片:对人间的热爱与歌颂,可抵岁月冗长......
  • 数据结构的比较层级 类似html的优先级比较
    近开发安全键盘的时候发现有一个矛盾的问题,如果都设置了边框,也设置了阴影的情况下,到底是要前者还是后者,这就需要比较了///<summary>///有这么一种情况shadowIn......
  • 使用sphinx-doc优雅的书写html和项目介绍,包含restructureText常用语法
    ​​跳转到我的gitee直接下载测试项目​​​​​sphinx概述​​​​使用nginx配置静态页面展示sphinx-doc点击跳转​​系统:win10中WSL(Ubuntu18.04)编辑器:VScode插件:......