jquery-select2 - Select2 在创建为 Vue 组件时不可见

Question

我已经为select2 jquery 组件创建了一个vue.js组件该组件的问题是如果组件的模板只是原始选择，则选择是不可见的（未显示）：

<select v-select2="val">
</select>

（使用chrome检查器，我可以看到选择被jquery插件有效地转换为select2，但是尺寸为1x1 px）

...问题是，如果我在模板上用 DIV 包装选择，一切正常：

<div>
  <select v-select2="val">
  </select>
</div>

我正在使用 vue 的指令 (v-select2) 将 select 转换为 select2

这是完整的代码https://jsfiddle.net/futuretelelematics/tkL8zxby/

Answer 1

问题可能与select2隐藏 original select，创建新span的并将其附加到原始的事实有关。您最终会得到一个片段实例，如Vue.js 文档中所述，这是不鼓励的。

因此，建议在模板中始终使用单个根级别的普通元素。