Javascript 如何在v-if条件中使用Vue.js变量/参数

我需要将一个动态变量传递到

v-if

属性中。 我尝试了多种方法，但都没有达到预期的效果

到目前为止，我有这样一个：

v-if=“customDropdown==={{row.name}}”

请问，我如何有条件地动态呈现元素？

---

提前谢谢。

只需使用属性名称

比如说

export default {
 data() {
    return {
       var: true 
     }
  }
}

html

I仅在条件为真时出现

您需要将

行.name

绑定到vue中的数据对象：

导出默认值{
数据（）{
返回{
自定义下拉列表：“某物”，
行：{name:'something'}，
}
}
}

然后在

v-if

语句中使用它：

<div v-if="customDropdown == row.name">You see me if customDropdown is equal to row.name</div>

如果customDropdown等于row.name，您就会看到我

不能在Vue指令/属性中使用插值

要绑定到

v-if

或

v-for

直接使用变量：

<div v-if="value.someProperty"></div>

---

模板语法

首先，您不能插入指令/属性，其次，它不清楚，但我认为您希望在通过数组迭代时检查条件

您可以使用以下模板结构：

显示行内容：{{row}

不要使用插值

v-if=“customDropdown==row.name”

@DawidZbiński，这很有帮助！谢谢：）将其作为答案添加，请将其标记为正确。

<div v-if="value.someProperty"></div>

<div :directive="value"></div>