VUE的本地应用-V- html

◆v-html指令的作用是:设置元素的innerHTML
◆内容中有htm|结构会被解析为标签

◆v-text指令无论内容是什么,只会解析为文本
◆解析文本使用v-text,需要解析htm|结构使用v-html

结果：

代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>V-HTML指令</title>
</head><body><div id="app"><p v-html="content"></p><p v-text="content"></p>看来并无区别<hr><p v-html="info"></p><p v-text="info"></p>看区别<hr></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><div id="app"></div><script>var app = new Vue({el:"#app",data:{content:"你好呀！VUE！",info:"<a href = 'https://www.baidu.com/'>点击跳转</a>"}})</script></body>
</html>

VUE的本地应用-V- html相关推荐

react和vue配置本地代理
React 在react中配置开发环境下的本地代理相对比较简单,直接在package.json文件中修改即可. 但是这样做有其局限性,如果开发中代理多个接口的时候将无法满足需求,我们需要的是下面这种的 ...
[vue] 分析下vue项目本地开发完成后部署到服务器后报404是什么原因呢？
[vue] 分析下vue项目本地开发完成后部署到服务器后报404是什么原因呢? 1.检查nginx配置,是否正确设置了资源映射条件: 2.检查vue.config.js中是否配置了publicPath ...
解决 VUE：本地运行和服务器上运行样式不一致，run、build 运行时样式有出入
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 我的情况: 我遇到 2 种情况,一个是表格的分页样式有变化.另一个是导航菜单样式有变化. 2. ...
vue调用本地摄像头实现拍照
前言: vue调用本地摄像头实现拍照功能,由于调用摄像头有使用权限,只能在本地运行,线上需用https域名才可以使用. 实现效果: 1.摄像头效果: 2.拍照效果: 实现代码: <templat ...
Vue调用本地摄像头权限
使用电脑本地摄像头的权限关于如何调用本地摄像头的问题准备工具 (VS Code,Vue脚手架工具,Element UI) vue调用本地摄像头实现拍照功能,由于调用摄像头有使用权限,只能在本地运行 ...
vue开发本地调试微信网页授权
vue开发本地调试微信网页授权相关信息: 微信开发者工具 vue-cli3 1.修改hosts文件这里可能会遇到无法修改的问题,可以通过修改权限或管理员权限打开修改修改用户权限的操作如下: 修改 ...
vue查看本地相册_使用Vue.js构建的Google相册相册查看器
vue查看本地相册 google-photos-vue (google-photos-vue) Google Photos album viewer built with Vue.js. 使用Vue. ...
Vue下载本地pdf、word、excel文件
Vue下载本地pdf.word.excel文件项目需求具体实现注意项目需求在项目中需要对pdf.word.excel等文档的下载也就是获取文件的静态路径,下载到本地. 方案 :利用 axi ...
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法
关于vue项目本地localhost可以正常访问项目,ip却无法访问项目的解决办法在进行本地页面调试的时候,地址栏可以输入两种地址来访问页面 http://localhost:8080 http:/ ...
vue 选择本地文件目录
vue 选择本地文件目录先看效果原码片断通过的vue结合原生的input 进行本地文件系统目录.路径的选择(不需要ActiveXObject,任何浏览器都支持) 先看效果传统的文件处理会有一些 ...

VUE的本地应用-V- html

VUE的本地应用-V- html相关推荐

最新文章

热门文章