Vue 在methods中使用filter的方法_weixin_44273026的博客-程序员宅基地

Vue 在methods中使用filter的方法

先在main.js中全局引用filter.js
// 导入全局过滤器
import * as filter from './util/filters' 
Object.keys(filter).forEach(key => {
    
  Vue.filter(key, filter[key])
});
filter使用
<!-- 在双花括号中 -->
{
    {
     message | capitalize }}
<!--`v-bind`-->
<div v-bind:id="rawId | formatId"></div>
过滤器是 JavaScript 函数,因此可以接收参数:
<div>
{
    {
     message | filterA('arg1', arg2) }}
</div>
在methods中使用
methods: {
    
	func: (){
    
		const value = 'john';
		// let f1 = Vue.filters['filterName'] (value);
		let f2 = this.$options.filters['capitalize'](value);  // 直接调用全局的filters
		console.log(f2); // John
	}
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44273026/article/details/114087997

智能推荐

cad生成最小包围盒lisp_晓东CAD家园-论坛-XDRX_API技术支持-[LISP函数]:应用快捷键可-; | 命令:XDTB_ArrayByPath 功能:沿着指定的路径曲线(line,pol..._weixin_39738115的博客-程序员宅基地

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。您需要 登录 才可以下载或查看,没有帐号?立即注册x;|命令:XDTB_ArrayByPath功能:沿着指定的路径曲线(line,polyline,lwpolyline,spline,arc,circle,ellipse)阵列选择的实体(选择集),可以保持实体相对路径的位置。说明:程序计算出沿着指定路径可以阵列的最大数量,请输入小于等于这个最...

pybullet杂谈 :使用深度学习拟合相机坐标系与世界坐标系坐标变换关系(一)_born-in-freedom的博客-程序员宅基地

我将文章发表在了古月居,一起来看看吧!戳这里猜你想看:深度强化学习专栏 —— 1.研究现状深度强化学习专栏 —— 2.手撕DQN算法实现CartPole控制深度强化学习专栏 —— 3.实现一阶倒立摆pybullet杂谈 :使用深度学习拟合相机坐标系与世界坐标系坐标变换关系(一)Ubuntu助手 — 一键自动安装软件,一键进行系统配置...

flutter 调节键盘大小_张漂亮2号的博客-程序员宅基地

[email protected]不推荐使用(“使用resizeToAvoidBottomInset指定是否应在出现键盘时调整主体大小。”“此功能在v1.1.9之后不推荐使用。”),最终版本不建议使用此标志,请改用resizeToAvoidBottomInset。最初,该名称称为MediaQ...

c语言贝塞尔插值程序,一种简单的贝塞尔插值算法_六哥App评测的博客-程序员宅基地

转载地址:http://www.antigrain.com/research/bezier_interpolation/index.html#PAGE_BEZIER_INTERPOLATIONInterpolation with Bezier CurvesA very simple method of smoothing polygonsInitially, there was a questio...

The layout “success“ in layout has no declaration in the base layout folder; this can lead to crashe_打豆豆的熊的博客-程序员宅基地

报错原因:The layout “success” in layout has no declaration in the base layout folder; this can lead to crashes when the resource is queried in a configuration that does not match this qualifier解决办法一:关闭软件,再重新启动就能正常。...

js速记_weixin_34150830的博客-程序员宅基地

前言马上就要参加一个团队项目进行React的前端开发了。最近正在着手熟练React语法,然后发现本质上还是建立在对javascript的深刻理解上。市面上在js基础上封装出了非常多优秀的车轮,其中最被新手广泛使用的当属jquery。熟悉jquery语法的童鞋可能会觉得js的语法非常的啰嗦,但是在ES6的最新标准出现以后,js重获新生,可...

随便推点

Oracle 10G EM 的创建_weixin_34168880的博客-程序员宅基地

我的数据库是我从Linux移植到Windows 平台的。结果发现没有dbconsole.怎么办呢,我只能自己把出创建出来。1)确认是否有dbsnmp用户,我当时就是自作聪明,把这些无用的用户给删除了。不要紧在%ORACLE_HOME%\RDBMS\Admin下有个文件catsnmp.sql,执行一下就可以了2) emca -repos recreate    重建EM的存储...

编写一个递归函数、计算下面的级数python_《算法图解》学习笔记习题和代码(第三章 递归)Python3..._weixin_39845825的博客-程序员宅基地

目录第三章 递归3.1 递归3.2 基线条件和递归条件3.3 栈3.3.1 调用栈练习13.3.2 递归调用栈练习23.4 小结第三章 递归3.1 递归递归——函数调用自己。学习如何将问题分成基线条件和递归条件。递归会让解决方案更清晰,并没有性能上的优势。实际上,在有些情况下,使用循环的性能更好。3.2 基线条件和递归条件比如,用递归方式编写倒计时:def countdown(i):print i...

mysql function setup_MySQL setup_instruments中关于部分信息不能修改_vnam的博客-程序员宅基地

原标题:MySQL setup_instruments中关于部分信息不能修改作者:高鹏(网名八怪),《深入理解MySQL主从原理32讲》系列文的作者。本文建议横屏观看,效果更佳朋友告诉我如下操作不能修改mysql &gt; update setup_instruments set enabled = 'no' where name = 'memory/performance_schema/tabl...

popsql支连接mysql,PopSQL客户端下载v1.0.0-PopSQL下载 - 爱意下载_weixin_39949584的博客-程序员宅基地

iefans为用户提供的PopSQL是来自国外的一款简单实用,支持广泛,功能专业的团队协作SQL编辑器。它是一款适合您团队的现代协作SQL编辑器,可支持编写查询,可视化数据并分享结果。适用于多种类型的数据库:PostgreSQL,MySQL,BigQuery,SQL Server,Redshift,Snowflake,SQLite,Presto,Cassandra,Oracle,ODBC,Pano...

Jmeter接口测试数据库断言的实现与设计_码同学软件测试的博客-程序员宅基地

接口测试大部分都使用接口的响应值作为接口验证的依据,但在与数据库有交互的接口中这种结果判断不足以判断接口的正确性,本文将以jmeter作为接口测试的工具来实现接口的数据库断言一. 总体思路概述1. 使用jmeter发起接口请求2. 使用json提取器获取接口响应结果中的关键内容3. 使用jmeter发起数据库操作,得到数据库的值4. 使用BeanShell断言,实现接口响应内容和数...

高德地图api调用demo_web端高德地图javascript API的调用_weixin_39637661的博客-程序员宅基地

【转载https://www.cnblogs.com/zimuzimu/p/6202244.html】web端高德地图javascript API的调用关于第三放地图的使用,腾讯、百度、高德具体怎么选择看你自己怎么选择了。使用方法1.注册成为高德地图开发者,创建应用后申请key。2.引入高德地图API3.创建地图容器4.创建默认地图方式一var map = new AMap.Map('contai...

推荐文章

热门文章

相关标签