vue v html使用过滤器,vue指令v-html中使用过滤器filters功能

Vue 2.0 不再支持在 v-html 中使用过滤器

解决方法：

1：全局方法(推荐)

2：computed 属性

3：$options.filters(推荐)

1：使用全局方法：

可以在 Vue 上定义全局方法：

Vue.prototype.msg = function(msg){

return msg.replace("\n"，"
")

}；

然后所有地方上都可以直接用这个方法了：

2：computed 属性

var appMain = new Vue({

data:{

content："XXX"

}，

el："#appMain"，

computed：{

content：function(msg){

return msg.replace("\n"，"
")

}

}

})

页面上：

{{content}}

3：$options.filters：

在定义的vue里的filter添加方法：

var appMain = new Vue({

el："#appMain"，

filters：{

msg：function(msg){

return msg.replace(/\n/g，"
")

}

}，

data：{

content："XXXX"

}

})

然后页面上都可以直接用这个方法了：

实例场景分析以及应用：当后台返回的数据包含一些特殊字符需要处理时，代码如下：

[转]vue项目中 指令 v-html 中使用过滤器filters功能

转载于简书 链接:http://www.jianshu.com/p/29b7eaabd1ba 问题 2.0 filters only work in mustache tags and v-bind. ...

vue项目中 指令 v-html 中使用过滤器filters功能

转载于简书 链接:http://www.jianshu.com/p/29b7eaabd1ba 问题 2.0 filters only work in mustache tags and v-bind. ...

vue从入门到进阶：过滤器filters(五)

Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化.过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持).过滤器应该被添加在 JavaScrip ...

Vue基础-在模板中使用过滤器

Vue 测试版本:Vue.js v2.5.13 官网给了过滤器的两种使用方式: 1.你可以在一个组件的选项中定义本地的过滤器: 结合实例,我给两个代码:

如何消除移动端a标签点击时的蓝色底色以及a标签link、visited、hover、active的顺序

1.消除a标签移动端点击时的蓝色底色 -webkit-tap-highlight-color:transparent 2.link.visited.hover.active的顺序 a:link{tex ...

JSONP跨域请求数据报错 “Unexpected token :”的解决办法

原文  http://www.cnphp6.com/archives/65409 Jquery使用ajax方法实现jsonp跨域请求数据的时候报错 “Uncaught SyntaxError: Une ...

.Net魔法堂：AssemblyInfo.cs文件详解

一.前言 .net工程的Properties文件夹下自动生成一个名为AssemblyInfo.cs的文件,一般情况下我们很少直接改动该文件.但我们实际上通过另一个形式操作该文件.那就是通过在鼠标右键点 ...

sublime text snippet代码片断

$0 代表补全代码后放的位置   0 的权重是最低的 $1 最高 也等于${1:}  ${1: name}    1输入点的序号(1权重最高) name 自动补全的默认值     

hdu_5791_Two(DP)

题目链接:hdu_5791_Two 题意: 给你两串数列,问你相同的子序列有多少个,要注意,可以重复,比如1 和1 1 1 ,相同的子序列为3个 题解: 就和求最长公共子序列差不多,只不过要全部加起来 ...

App的前后台数据同步

前言 在开发一个点餐软件时,app的订单数据是使用本地Sqlite数据库,在提交订单数据后,当订单数据在后台(Mysql数据库)发生变化时(如:已买单),本地数据如何改变呢? 思路 前台在查询时,将后 ...

laravel整理笔记(一)

安装laravel5.8.3需要的环境 PHP >= 7.1.3 PHP OpenSSL 扩展 PHP PDO 扩展 PHP Mbstring 扩展 PHP Tokenizer 扩展 PHP X ...

ODS ,EDW,DM

ODS: 操作数据存储ODS(Operational Data Store),操作型数据仓库,最早的数据仓库模型,是数据仓库体系结构中的一个可选部分,ODS具备数据仓库的部分特征和OLTP系统的部分特 ...