javascript - vue :Property or method "priceFilter" is not defined

Question

import { priceFilter } from '../../commons/dom'

dom.js

export function priceFilter(e) {
  e.target.value = e.target.value.replace(/[^\d.]/g, "");
  e.target.value = e.target.value.replace(/^\./g, "");
  e.target.value = e.target.value.replace(/\.{2,}/g, ".");
  e.target.value = e.target.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
  e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
}

属性或方法“priceFilter”未在实例上定义，但在渲染期间引用。

Answer 1

如错误消息所示，需要在组件实例上定义 priceFilter 才能从模板中使用它。模块/全局函数无法从模板访问，只有在 Vue 实例上定义的内容才能访问。

import { priceFilter } from '../../commons/dom'

export default {
  methods: {
    priceFilter
  }
}