回显

src/components/CheckAttribute/index.vue

@@ -99,7 +99,9 @@ export default {
   data() {
     return {
       attributeIdList: [],
+      //选中集合
       checkedAttributeList: [],
+      //未选择属性的查询参数
       attributeQuery: {
         pageNum: 1,
         pageSize: 10,
@@ -107,6 +109,7 @@ export default {
         name: null
       },
       attributeTotal: 0,
+      //查询出来未选择属性信息
       attributeList: []
     }
   },

src/views/product/attributeGroup/index.vue

@@ -141,7 +141,7 @@
             <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
           </el-form-item>
         </el-row>
-        <CheckAttribute v-model="form.attributeIdList"/>
+        <CheckAttribute v-model="form.attributeIdList":checked-list="form.attributeList"/>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -152,14 +152,7 @@
 </template>
 
 <script>
-import {
-  listAttributeGroup,
-  getAttributeGroup,
-  delAttributeGroup,
-  addAttributeGroup,
-  updateAttributeGroup,
-  getAttributeGroupId
-} from "@/api/product/attributeGroup";
+import { listAttributeGroup, getAttributeGroup, delAttributeGroup, addAttributeGroup, updateAttributeGroup } from "@/api/product/attributeGroup";
 
 export default {
   name: "AttributeGroup",
@@ -258,7 +251,7 @@ export default {
       this.title = "添加属性组";
     },
     /** 修改按钮操作 */
-    handleUpdate: function (row) {
+    handleUpdate(row) {
       this.reset();
       const id = row.id || this.ids
       getAttributeGroup(id).then(response => {