这次给大家带来Vue过滤器filters使用详解，Vue过滤器filters使用的注意事项有哪些，下面就是实战案例，一起来看一下。

示例代码

采用vue单文件组件，使用moment插件格式化日期

import moment from 'moment';

import 'moment/locale/zh-cn';

moment.locale('zh-cn');

export default {

data() {

return {

date: new Date()

}

filters: {

dateFormat(val) {

return moment(val).calendar();

}

说明

过滤器内是没有this引用的，过滤器内的this是undefined，所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。

ps：下面看下Vue 过滤器的基本用法// 注册

Vue.filter('my-filter', function (value) {

// 返回处理后的值

})

// getter，返回已注册的过滤器

var myFilter = Vue.filter('my-filter')

//在mustache中使用

或//在标签中使用

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

vue如何过滤html标签,Vue过滤器filters使用详解相关推荐

java过滤器filter过滤某个包_Java过滤器Filter使用详解
过滤器过滤器是处于客户端与服务器资源文件之间的一道过滤网,在访问资源文件之前,通过一系列的过滤器对请求进行修改.判断等,把不符合规则的请求在中途拦截或修改.也可以对响应进行过滤,拦截或修改响应. 如 ...
微信公众平台菜单编辑php,Vue.js实现微信公众号菜单编辑器步骤详解（上）
这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解(上),Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下. 学习一段时间Vue.js,于是想尝试着做一个像 ...
logstash过滤器插件filter详解及实例
原创作者:峰哥ge 原创地址: https://www.cnblogs.com/FengGeBlog/p/10305318.html logstash过滤器插件filter grok正则捕获 grok ...
布隆过滤器+布隆过滤器(Bloom Filter)详解
布隆过滤器+布隆过滤器(Bloom Filter)详解程序 = 数据结构 + 算法 -- 图灵奖得主,计算机科学家N.Wirth(沃斯) A Bloom filter is a space effi ...
php中的ol标签,html ol标签的使用与定义详解
一.ol li有序列表标签语法与结构内容一内容二内容三以上3个li标签组放在标签之间.并且ol标签之间可以放若干li标签组. 通常我们使用li标签都是使用无序ul li列表标签.一般情况无论 ...
HTML代码 ol ol表示,htmlol标签的使用与定义详解
一.ol li有序列表标签语法与结构内容一内容二内容三以上3个li标签组放在标签之间.并且ol标签之间可以放若干li标签组. 通常我们使用li标签都是使用无序ul li列表标签.一般情况无论 ...
thinkphp ajax volist,thinkphp中的volist标签在ajax中操作详解
在一个ThinkPHP的复杂页面(包含volist)中实现volist标签显示Jquery查询结果的返回.本文主要和大家介绍thinkphp 中的volist标签在ajax操作中的特殊性(推荐),需要 ...
HTML embed标签使用方法和属性详解
HTML embed标签使用方法和属性详解一.基本语法代码如下: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等,Ne ...
vue如何过滤html标签,去除富文本中的html标签及vue、react、微信小顺序中的过滤器...
在猎取富文本后,又只需显现部分内容,须要去除富文本标签,然后再截取个中一部分内容:然后就是过滤器,在微信小顺序中运用照样挺屡次的,在vue及react中也遇到过 1.富文本去除html标签去除html ...

vue如何过滤html标签,Vue过滤器filters使用详解

{{date | dateFormat}}

vue如何过滤html标签,Vue过滤器filters使用详解相关推荐

最新文章

热门文章