我们如何使用全局应用的过滤器配置组件装载?我想可能会有一些选项传递到createLocalVue,但我在文档中没有看到.

在使用全局过滤器的情况下,我在运行套件时在控制台中收到以下警告:

[Vue warn]: Failed to resolve filter: filterName

包装器上的绳子.html()包含预计算的值,但未应用筛选器,例如.

{{ 'a string' | throughFilter }}

还是

'a string'

过滤器在浏览器中工作,它作为一个函数独立测试,但我不想附带警告的代码.

推荐答案

createLocalVue返回Vue构造函数,其中包括注册过滤器的filter方法:

import { createLocalVue, mount } from '@vue/test-utils'

const localVue = createLocalVue()

localVue.filter('myFilter', myFilter)

mount(TestComponent, {
  localVue
})

或者,您可以在安装组件之前在Vue构造函数上全局安装过滤器:

import Vue from 'vue'

Vue.filter('myFilter', myFilter)

mount(TestComponent)

Vue.js相关问答推荐

VueJS使所有组件崩溃,而不是只有一个

无法从CDN使用Vue和PrimeVue呈现DataTable

将媒体源/流绑定到视频元素 - Vue 3 组合 API

如何通过 setup() 发出多个参数?

在 VueJS 中为 Get、Post、Patch 配置全局标头的最佳方法

我可以在打印 HTML 页面时使用作用域 CSS 吗? (使用 Laravel 和 Vue.js)

在 dom 内移动 Vue 组件?

aspnet core如何在deploy上构建webpack

如何在 vue 的 scss 中使用深度 Select 器

如何将 axios/axios 拦截器全局附加到 Nuxt?

VueJS 将 HTML 打印到页面

Vuex 存储数据总是驻留在内存中?

过渡后的 v-if 下方的过渡元素

Vuejs获取事件正在调用的元素?

从子组件 Vue 更新父模型

使用 VueJS 使用 3rd 方库打印元素

Vue Router beforeRouteLeave 不会停止子组件

单击 v-select 项目时如何获取对象而不是单个值?

Vuetify v-data-table 固定标题不起作用

禁用外部主题文件产生的 Dart SASS 警告