尝试在vee验证中动态分配最小值

时间:2019-04-21 21:32:45

标签: vue.js

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而不是数字值

我想念什么吗?

1 个答案:

答案 0 :(得分:1)

您不应在模板中使用- debug: msg: >- version={{ (stringvar | regex_replace("^version=", "") | int) + 3 }} vars: stringvar: version=2 。它是自动推断的

- debug:
    msg: >-
      {% for it in (stringvars | map("regex_replace", "^version=", "") | map("int")) %}
      version={{ it + 3 }}
      {% endfor %}
  vars:
    stringvars:
    - version=2
    - version=5
    - version=7
相关问题