Question

我想在具有多个条件的vue js中使用v-if exp

<div  v-for="row in formFields" class="col-md-6">
            <div class="form-group">
                <label for="formGroupExampleInput">{{row.nameField}}</label>

<input  v-model="product[row.nameField]"  v-if="row.type == 'Number'&& row.typeField == 'Input'" type="number" class="form-control" id="formGroupExampleInput"  :placeholder="row.nameField">

但它没有工作任何人都可以帮助我吗？

Answer 1

如果你在AND

之前放置一个空格，这应该有效

<input  v-model="product[row.nameField]"  v-if="row.type == 'Number'&& row.typeField == 'Input'" type="number" class="form-control" id="formGroupExampleInput"  :placeholder="row.nameField">

正确应该是

<input  v-model="product[row.nameField]"  v-if="row.type == 'Number' && row.typeField == 'Input'" type="number" class="form-control" id="formGroupExampleInput"  :placeholder="row.nameField">

如果在vue js2中，则无法添加多个条件

1 个答案: