vue集成select2实现选中事件

要在Vue中使用Select2选择事件，你可以使用以下代码示例：

<template>
  <div>
    <select class="select2" ref="mySelect">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
  </div>
</template>

<script setup>
import $ from 'jquery';
import 'select2/dist/css/select2.min.css';
import 'select2/dist/js/select2.min.js';

$(document).ready(function() {
  $('.select2').select2();

  $('.select2').on('select2:select', function (e) {
    const selectedValue = e.params.data.id;
    console.log('Selected value: ' + selectedValue);
  });
});
</script>

在这个示例中，我们添加了一个事件监听器，当使用Select2选择一个选项时，会触发select2:select事件。我们可以使用这个事件来获取所选选项的值，并在控制台中打印出来。

希望这个示例可以帮助你实现Select2选择事件。