时间戳

首页 > 解决方案 > Vuetify 集中规则

vue.js - Vuetify 集中规则

问题描述

Vuetify 组件存在 prop 规则。在这种情况下，我使用类似于以下的方法：

一些文件

...
<v-text-field
  label="Name"
  v-model="name"
  :rules="[required]"
></v-text-field>

methods: {
 required(i) {
  return ( i === null | i === "")? "Field Required":true;
 }
}
...

现在，我有很多表单，其中包含很多字段、选择、文本字段、布尔值等。我尝试将规则集中在一个文件中，因为我尝试重复相同的代码。

规则.js

function REQUIRED(i){
  return ( i === null | i === "")? "Field Required":true;  
}

export { REQUIRED }

一些文件

...
<v-text-field
  label="Name"
  v-model="name"
  :rules="[REQUIRED]"
></v-text-field>

<script>
import { REQUIRED } from "./../../StaticRules/rules.js"
</script>
...

但总是给我这个错误：

[![在此处输入图像描述][1]][1]

我搜索了一些信息，这个问题与我类似，但我认为这不是最佳解决方案。 如何在 Vue 组件中导入外部函数？

那么，我怎样才能集中规则呢？[1]：https ://i.stack.imgur.com/VaRgX.png

标签： vue.jsvuetify.js

解决方案

推荐阅读