Vuetify和nuxt.js-规则应返回字符串或布尔值,而不是“未定义”

问题描述

我在工作中制作了一个App。在文本区域中,发生了像我的标题一样的错误。我用谷歌搜索了同样的问题,并且阅读了,但是我对这种问题非常了解。

我的目标是我想使用文字作为对象。 但我认为规则不能使用文字对象。 我是超级初学者,我的英语不好。 如果您理解,请问我!

    <template>
    <v-card width="600" persistent>
        <v-card-tex>
            <v-row>
            <v-col cols="8">
                <v-textarea 
                    filed 
                    dense
                    v-model="testtext"
                    :rules="v=>!!v||'this is required!'"></v-textarea>
            </v-col>
        </v-row>
        </v-card-tex>
    </v-card>
</template>

<script lang="ts">
import {Vue} from 'nuxt-property-decorator'

export default class extends Vue{
   testtext:string= `test`
}
</script>

解决方法

我认为您应该在v-textarea中使用这样的规则:

:rules="[v => !!v||'this is required!']"