时间戳

首页 > 解决方案 > 使用 VueJS 重置 Select2 组件

vuejs2 - 使用 VueJS 重置 Select2 组件

问题描述

我还在学习 VueJS 并且有点困惑。这里的示例包含 Select2 的基本组件（来自他们的网站）

<div id="el"></div>

<!-- using string template here to work around HTML <option> placement restriction -->
<script type="text/x-template" id="demo-template">
  <div>
    <p>Selected: {{ selected }}</p>
    <select2 :options="options" v-model="selected">
      <option disabled value="0">Select one</option>
    </select2>
  </div>
</script>

<script type="text/x-template" id="select2-template">
  <select>
    <slot></slot>
  </select>
</script>

我正在尝试添加一个按钮以将组件重置为其初始状态。我使用了 Select2 但不能使用我在 Stackoverflow 上找到的解决方案，因为它们依赖于 jQuery。我真的很感激任何线索从哪里开始

标签： vuejs2

解决方案

你的初始状态是什么？如果是 2 就用这个：

<button @click="selected = 2">Reset</button>

推荐阅读