Vue.js 实用小技巧

1. v-html + filters 实现换行符正常换行

内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译,所以换位符无法正常换行,同时 Vue2.x 不再支持在 v-html 中使用过滤器,可以通过$options.filters 实现。

html:

<div v-html="$options.filters.space(text)"></div>

javascript:

filters: {
    space(value) {
        return value.split("\n").join("<br />");
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,890评论 0 1
  • 第一章 Vue概述 what? Vue是实现UI层的渐进式js框架,核心库关注视图层,简单的ui构建,复杂的路由控...
    fastwe阅读 4,112评论 0 0
  • Vue是一个前端js框架,由尤雨溪开发,是个人项目 Vue近几年来特别的受关注,三年前的时候angularJS霸占...
    6e5e50574d74阅读 3,550评论 0 0
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,153评论 1 4
  • 什么事Vue.js Vue.js事目前最火的一个前端框架,React是流行的一个框架(React除了开发网站还可以...
    cj小牛阅读 3,229评论 0 0

友情链接更多精彩内容