在vue中把含有html标签转为html渲染页面的实例
更新时间:2019年10月28日 14:40:59 作者:@八度余温*
今天小编就为大家分享一篇在vue中把含有html标签转为html渲染页面的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
在标签内部添加v-html指令即可
使用pug的写法:

这个content表示的是一个含标签的变量
输入content为:<p>我是p标签</p>
输出结果是:我是p标签
普通用户一样:

同上理
加v-html就行了
以上这篇在vue中把含有html标签转为html渲染页面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
前端vue如何使用高德地图
这篇文章主要介绍了前端vue如何使用高德地图,帮助大家利用vue调用其他key,完成需求,感兴趣的朋友可以了解下
2020-11-11
Vue Input输入框自动获得焦点的有效方法
我们有时候会遇到要输入框自动获取焦点的情况,下面这篇文章主要给大家介绍了关于Vue Input输入框自动获得焦点的简单方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
vue 中的 v-model详解
文章介绍了Vue中的v-model实现原理,包括数据监听和UI通知,通过绑定props.modelValue和使用update:modelValue,子组件可以实现数据变更通知父组件,Vue3提供了defineModel来简化v-model的定义,并支持自定义v-model变量名,感兴趣的朋友一起看看吧
2025-01-01
Vue通过配置WebSocket并实现群聊功能
本篇文章将与各位开发者分享下 vue-native-websocket 库的使用以及配置,通过实例代码给大家分享Vue通过配置WebSocket并实现群聊功能,需要的朋友可以参考下
2019-12-12
Vue3配置bem样式架构的代码详解
BEM是一种前端命名方法论,主要是针对CSS,意思是块(Block)、元素(Element)、修饰符(Modifier)的简写,这种命名方法让CSS便于统一团队开发规范和方便维护,本文给大家介绍了Vue3配置bem样式架构,需要的朋友可以参考下
2024-10-10
vue3点击按钮下载文件功能的代码实现
在写vue项目时,有个需求是点击表格中某一行的下载按钮,然后开始下载这一行对应的文件,所以本文小编给大家介绍了使用vue3实现点击按钮下载文件功能,文中有详细的代码示例供大家参考,需要的朋友可以参考下
2024-01-01
最新评论