引入需要的bootstrap-vue依赖

package.json

@@ -18,6 +18,7 @@
   "main": "background.js",
   "dependencies": {
     "axios": "^0.21.0",
+    "bootstrap-vue": "^2.19.0",
     "cheerio": "^1.0.0-rc.3",
     "child_process": "^1.0.2",
     "core-js": "^3.7.0",

src/components/Film.vue

@@ -19,7 +19,7 @@
       </el-select>
       <b-button-group>
         <el-select v-model="searchGroup" size="small"
-          style="width:100px;padding-right: 25px;"
+          style="width:100px;"
          :popper-append-to-body="false"
           default-first-option placeholder="请选择"
           @change="searchEvent">

src/lib/element/index.js

@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import { Message, Button, Table, TableColumn, Tag, Input, Dialog, Form, FormItem, Switch, Select, Option, Checkbox, Autocomplete } from 'element-ui'
 import Plugin from 'v-fit-columns'
+import { BButtonGroup } from 'bootstrap-vue'
+
 Vue.use(Button)
 Vue.use(Table)
 Vue.use(TableColumn)
@@ -15,4 +17,5 @@ Vue.use(Select)
 Vue.use(Option)
 Vue.use(Checkbox)
 Vue.use(Autocomplete)
+Vue.component('b-button-group', BButtonGroup)
 Vue.prototype.$message = Message