diff --git a/src/components/DragSelect/index.vue b/src/components/DragSelect/index.vue
index a08d400a..28830259 100644
--- a/src/components/DragSelect/index.vue
+++ b/src/components/DragSelect/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-select v-model="selectVal" v-bind="$attrs" class="drag-select" multiple>
+  <el-select ref="dragSelect" v-model="selectVal" v-bind="$attrs" class="drag-select" multiple>
     <slot/>
   </el-select>
 </template>
@@ -30,7 +30,7 @@ export default {
   },
   methods: {
     setSort() {
-      const el = document.querySelectorAll('.el-select__tags > span')[0]
+      const el = this.$refs.dragSelect.$el.querySelectorAll('.el-select__tags > span')[0]
       this.sortable = Sortable.create(el, {
         ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
         setData: function(dataTransfer) {