Сброс компонента Select2 с помощью VueJS

Question

Я все еще изучаю 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. Буду очень признателен за любую подсказку с чего начать

Answer 1

Каково ваше начальное состояние? Если это 2, просто используйте это:

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