尝试在 vee-validate 中动态分配最小值

Question

Vue.js 组件如下所示。

<template>    
    <div class="container">
        <input type="text" name="first_name" v-validate data-vv-rules="min:12">
    </div>
</template>

<script>
    export default {
        props: ['messages']        
    }
</script>

在上述组件中，messages 属性是一个具有一个属性的对象，其值如下：

this.messages.Min_Length_First_Name: 3

我正在尝试像下面这样分配它。

<input type="text" 
       name="first_name" 
       v-validate 
       data-vv-rules="min:this.messages.Min_Length_First_Name">

但是，输入标签呈现最小值 = this.messages.Min_Length_First_Name 而不是数值

我错过了什么吗？

Answer 1

您不应在模板中使用this。是自动推断出来的

  :data-vv-rules="`required|alpha|min:${messages.Min_Length_First_Name}|max:15`