Vue.js 如何使用条件句而不将其附加到元素?

Vue.js 如何使用条件句而不将其附加到元素?,vue.js,Vue.js,在vue中,我们有需要附加到元素的指令v-if 有没有一种方法可以在不附加条件句的情况下像mustachejs那样使用条件句 我在一个单词数组中循环,它在每个单词中添加div,这很烦人 这是我的模板 <div v-for="(str, index) in reference" :key="index"> <div v-if="patternIncluded(str)"> <input type="text" v-model="remarks[index]

在vue中,我们有需要附加到元素的指令v-if

有没有一种方法可以在不附加条件句的情况下像mustachejs那样使用条件句

我在一个单词数组中循环,它在每个单词中添加div,这很烦人

这是我的模板

<div v-for="(str, index) in reference" :key="index">
  <div v-if="patternIncluded(str)">
    <input type="text" v-model="remarks[index]">
  </div>
  <div v-else>
    {{str}}
  </div>
</div>

您可以这样使用“模板”:

<template v-if=patternIncluded(str)>
      //code
</template

<template v-else>
      //code
</template>

//代码

这是您的代码,但使用的是