怎么把vue改写成html,vue将字符串转为为html

如下，应该在获取到数据之后修正 Content 为 html, 并使用 v-html 指令绑定：

export {

data() {

return {

commentList: []

}

created() {

this.$http.get('api/get-commentlist?article_id=1').then((res) => {

res = res.body

res.list.forEach((item, i) => {

// sdfsafs[face-1]sad[face-2]

// 将被替换为

// sdfsafssad

// ，请自行根据需要修改

item.Content = item.Content.replace(/\[face\-(\d+)\]/g, '')

})

this.commentList = res.list

})

}

--- 补充 ---

其中 .replace() 方法的第二个参数也支持使用函数返回，即能实现更复杂的替换，如：

item.Content = item.Content.replace(/\[(.+)\]/g, function(word, $1){

return ''

})

怎么把vue改写成html,vue将字符串转为为html相关推荐

vue 转换成 html,Vue/Vue中Html和Markdown互相转换/README.md · cyh90/LearningNotes - Gitee.com...
# Vue中Html和Markdown互相转换 ## 前言最近想实现的一个功能,就是将系统中的博客进行导出成Markdown格式,后面经过了调研发现有两种方法能够满足需求,一个是Java后台中将HT ...
Maven多模块打包成war+vue打包
Maven多模块打包成war+vue打包 Maven多模块打包成war 示例对于这样的工程, 1.需要将总的maven工程进行pom打包 <groupId>**</groupId& ...
Vue 打包成桌面应用 vue打包成桌面应用 vue 打包桌面应用 vue 部署桌面应用 vue部署为桌面应用 vue部署为桌面应用 vue 桌面应用
文章目录使用到的工具 electron 第一步打包 dist 第二步创建配置文件 main.js package.json 第三步安装 Electron 第四步测试运行第五步安装 el ...
vue教程2 【Vue组件化编程】组件的创建和使用非单文件组件和单文件组件的区别
组件实现局部功能的代码和资源的集合非单文件组件 1.定义组件(创建组件) 2.注册组件 3.使用组件(写组件标签) 定义使用Vue.extend(options)创建,其中options和new ...
# vue.js 之对vue.js基础理解
vue.js 之对vue.js基础理解 Vue构造器 1 . Vue.js是一个构造函数,编程中称之为构造器 2 . 每一个new Vue() 都是一个Vue构造函数的实例,这个过程叫做实例化 3 ...
vue 1.0和vue 2.0的变化和区别
一.在每个组件模板,不在支持片段代码 vue 1.0是 <template><h3>我是组件</h3><strong>我是加粗标签</strong ...
vue源码学习--vue源码学习入门
本文为开始学习vue源码的思路整理.在拿到vue项目源码的之后看到那些项目中的文件夹,会很困惑,不知道每个文件夹内的世界,怎么变换,怎样的魔力,最后产生了vue框架.学习源码也无从学起.我解决了这些困 ...
[vue] 说说你对vue组件的设计原则的理解
[vue] 说说你对vue组件的设计原则的理解第一: 容错处理, 这个要做好, 极端场景要考虑到, 不能我传错了一个参数你就原地爆炸第二: 缺省值(默认值)要有, 一般把应用较多的设为缺省值第三 ...
[vue] 说说你对vue的template编译的理解？
[vue] 说说你对vue的template编译的理解? 将template里的组件编译成虚拟dom 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 ...

怎么把vue改写成html,vue将字符串转为为html

怎么把vue改写成html,vue将字符串转为为html相关推荐

最新文章

热门文章