参照

src/components/HelloWorld.vue

 <template>
-  <div class="hello">
-    <hsInput></hsInput>
-    <hsTable></hsTable>
+  <div style="width:500px">
+    <hsSelectPlus
+      ref='select'
+      :allSourceData='allSourceData'
+    ></hsSelectPlus>
+    <el-button @click="change1">change1</el-button>
+    <el-button @click="change2">change2</el-button>
   </div>
-</template>
 
+</template>
 <script>
 export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
+  data() {
+    return {
+      allSourceData: {
+        config: {
+        url: "",
+        proxyTag: "commonUtilAPI",
+        ref: {
+          const_id: "0",
+          table_name: "im_store_group",
+          columns: "id,name",
+          remote_condition: "",
+          displayfield: "",
+          writebackfield: []
+        },
+        dyncQueryParms: {},
+        multiple: false,
+        disabled: false,
+        size: "mini",
+        clearable: true,
+        title: "标题",
+        placeholder: "请选择",
+        value: "id",
+        label: "name",
+        is_computed: false
+      },
+        sourceData: []
+      },
+      show: false,
+      config: {
+        url: "",
+        proxyTag: "commonUtilAPI",
+        ref: {
+          const_id: "0",
+          table_name: "im_store_group",
+          columns: "id,name",
+          remote_condition: "",
+          displayfield: "",
+          writebackfield: []
+        },
+        dyncQueryParms: {},
+        multiple: false,
+        disabled: false,
+        size: "mini",
+        clearable: true,
+        title: "标题",
+        placeholder: "请选择",
+        value: "id",
+        label: "name",
+        is_computed: false
+      }
+    };
+  },
+  mounted() {
+      this.init();
+  },
+  methods: {
+    change1(){
+       this.allSourceData.sourceData=[{value:1,label:2}]
+    },
+    change2(){
+       this.allSourceData.sourceData=[{value:2,label:3}]
+    },
+    init() {
+     // this.getData();
+    },
+    async getData() {
+      const data = await this.get_options(this.config);
+      //this.allSourceData.config=this.config
+      this.allSourceData.sourceData=data
+    }
   }
-}
-</script>
-
+};
+</script>
\ No newline at end of file
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>