Question

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

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

（使用chrome检查器，我可以看到select通过jquery插件BUT以1x1 px维度有效地转换为select2）

...问题是，如果我在模板中用DIV包装select，一切都有效：

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

我使用vue的指令（v-select2）将select转换为select2

这里是完整代码https://jsfiddle.net/futuretelematics/tkL8zxby/

Answer 1

问题可能与select2隐藏原始select，创建新span并将其附加到原始Get-WMIObject -query "select * from Win32_Volume where DriveType=3 and not name like '%?%'" -computername $svr |select @{n="ServerName";e={$svr}}, Name, Label, FileSystem, @{e={($_.BlockSize /1KB) -as [int]};n="DskClusterSizeInKB"}, @{e={"{0:N2}" -f ($_.Capacity / 1GB)};n="DskTotalSizeInGB"}, @{e={"{0:N2}" -f ($_.Freespace /1GB)};n="DskFreeSpaceInGB"}, @{e={"{0:N2}" -f (($_.Capacity-$_.Freespace) /1GB)};n="DskUsedSpaceInGB"}, @{e={"{0:N2}" -f ($_.Freespace/$_.Capacity*100)};n="DskPctFreeSpace"}, @{n="DateAdded";e={$RunDt}}旁边的事实有关。您最终会得到Vue.js documentation中所述的片段实例，但不鼓励这样做。

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

选择2在创建为Vue组件时不可见

1 个答案: