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
	}
}

本文链接：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重获新生，可...