博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue之filter用法
阅读量:4310 次
发布时间:2019-06-06

本文共 841 字,大约阅读时间需要 2 分钟。

1、全局写法:

  全局过滤器必须写在vue实例创建之前。

Vue.filter('testfilter', function (value,text) {   // 返回处理后的值   return value+text   })

2、局部写法:

在组件实例对象里挂载。
filters: {        changemsg:(val,text)=>{            return val + text        }    },

3、使用:

  只能使用在{

{}}和:v-bind中,定义时第一个参数固定为预处理的数,后面的数为调用时传入的参数,调用时参数第一个对应定义时第二个参数,依次往后类推

{
{test|changemsg(4567)}}

//多个过滤器也可以串行使用

{
{name|filter1|filter2|filter3}}

4、vue-cli项目中注册多个全局过滤器写法:

//1.创建一个单独的文件定义并暴露函数对象const filter1 = function (val) {  return val + '--1'}const filter2 = function (val) {  return val + '--2'}const filter3 = function (val) {  return val + '--3'}export default {  filter1,  filter2,  filter3}//2.导入main.js(在vue实例之前)import filters from './filter/filter.js'//3.循环注册过滤器Object.keys(filters).forEach(key=>{  Vue.filter(key,filters[key])})

 

  

转载于:https://www.cnblogs.com/superjsman/p/10052145.html

你可能感兴趣的文章
量化策略回测唐安奇通道
查看>>
CTA策略如何过滤部分震荡行情?
查看>>
量化策略回测DualThrust
查看>>
量化策略回测BoolC
查看>>
量化策略回测DCCV2
查看>>
mongodb查询优化
查看>>
五步git操作搞定Github中fork的项目与原作者同步
查看>>
git 删除远程分支
查看>>
删远端分支报错remote refs do not exist或git: refusing to delete the current branch解决方法
查看>>
python multiprocessing遇到Can’t pickle instancemethod问题
查看>>
APP真机测试及发布
查看>>
通知机制 (Notifications)
查看>>
10 Things You Need To Know About Cocoa Auto Layout
查看>>
一个异步网络请求的坑:关于NSURLConnection和NSRunLoopCommonModes
查看>>
iOS 如何放大按钮点击热区
查看>>
ios设备唯一标识获取策略
查看>>
获取推送通知的DeviceToken
查看>>
Could not find a storyboard named 'Main' in bundle NSBundle
查看>>
CocoaPods安装和使用教程
查看>>
Beginning Auto Layout Tutorial
查看>>