Question

在vue中，我们有v-if指令，需要将其附加到element。

是否可以使用条件句而不将其附加到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>

如果我能做到这一点，我会很好：|

{{if true}}
something goes here
{{else}}
other thing goes here
{{\if}}

Answer 1

这是您的代码，但使用 <模板> 标签

<template v-if="patternIncluded(str)">
    <input type="text" v-model="remarks[index]">
</template>
<template v-else>
    {{str}}
</template>

以下是Vue官方文档中的示例：

<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username">
</template>
<template v-else>
  <label>Email</label>
  <input placeholder="Enter your email address">
</template>

更多信息：https://vuejs.org/v2/guide/conditional.html#Controlling-Reusable-Elements-with-key

您还可以使用Method并在文件底部的 <脚本> 中使用普通Javascript

希望这会有所帮助，欢呼

Answer 2

您可以像这样使用“模板”：

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

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

更新，就像这样

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

如何在不附加条件的情况下使用条件条件？

2 个答案: