修改站点组件接收参数并修改使用时的传参

src/views/website/aboutUs/index.vue

@@ -9,7 +9,7 @@
       @submit.native.prevent
     >
       <el-form-item label="所属站点" prop="tenant_id">
-        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
+        <SiteOptions v-model="queryParams" />
       </el-form-item>
       <el-form-item>
         <el-button
@@ -94,10 +94,7 @@
     <el-dialog :title="title" :visible.sync="open" width="680px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属站点:" prop="tenant_id">
-          <SiteOptions
-            v-model="form.tenant_id"
-            @handleChange="form.tenant_id = $event"
-          />
+          <SiteOptions v-model="form" />
         </el-form-item>
         <el-form-item label="上级导航" prop="parent_id">
           <treeselect
@@ -165,7 +162,11 @@ export default {
       // 表单校验
       rules: {
         tenant_id: [
-          { required: true, message: "所属站点不能为空", trigger: "blur" },
+          {
+            required: true,
+            message: "所属站点不能为空",
+            trigger: ["blur", "change"],
+          },
         ],
         title: [
           { required: true, message: "导航名称不能为空", trigger: "blur" },