Question

我有一个声明为动画块的表体。在某些特定情况下，我想删除转换到表体。有任何方法可以做到这一点。

Answer 1

您可以将模板与if-else条件一起使用：

<template v-if="condition">
  <transition> <!-- if condition matched, use transition -->
    <<html element>>
  </transition>
</template>
<template v-else>
   <<html element>>
</template>

Answer 2

HTML

<link href="https://harvesthq.github.io/chosen/chosen.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://harvesthq.github.io/chosen/chosen.jquery.js"></script>

<select class="chosen-select" name="test">
  <option value="blue">Blue</option>
  <option value="red">Red</option>
  <option value="yellow">Yellow</option>
  <option value="purple">Purple</option>
  <option value="">Ohter</option>
</select>
<div id="newcolor" class="hide">
  <label>You can add a new color : </label>
  <input value="" placeholde="Try with Pink">
</div>
<hr>
<button>Submit</button>

在name属性中指定条件，当condition为true（或等于任何值）时运行“name”参数，在另一种情况下将其保留为空并且转换将不起作用

如何动态删除Vue转换

2 个答案:

HTML