目標:根據選單撈出我要的checkbox。目前可以撈出我當下選項所對映tag_id的checkbox但前一個所選的會被當下的出現的checkbox取代掉因為this.options隨時會變的關係但也無法對他用push?

使用vue的Vue-multiselect第三方套件的tagging能複選的選單來使用，下拉選項來源是從db撈出而來放進coreData[]，點擊選項後使用它的event方法@select來使用axios.post；

附上https://jsfiddle.net/s4vqh0aw/ 但這個不知道要如何用axios所以跟我底下的code不太一樣，只能看到UI有甚麼東西而已。
希望能透過點核心技能撈出我的checkbox，但目前只有點選項秀出屬於該核心技能的checkbox，無法因為複選了別的核心技能選項秀出所有的checkbox，只能秀最後所點擊的那個。

2021/12/30更新
目前還是失敗如上面jsfiddle的程式，但有參考froce大的做法把skills一起放在coredata裡，根據watch的方式去取得裡面物件的skills但取出來後要v-for時失敗，再想可能是因為skills的[]所影響?

<div id="vueapp">
    <label>核心技能選單</label>
    <multiselect v-model="selectedcoreObj"  placeholder="選擇核心技能" 
    label="tag_name" track-by="tag_id" :options="coreData" :multiple="true" 
    :taggable="true" @@select="select">
    </multiselect>
<pre class="language-json"><code>{{ selectedcoreObj  }}</code></pre>
    <label >技能標籤</label>
    <div>
    <fieldset>
        <span>
        <label v-for="option in options">
  <input type="checkbox" v-bind:value="option.skill_id" v-model="postdata" />
        <span>{{option.skill_name}}</span>
        </label>
        </span>
    </fieldset>
  </div>
</div>

<script>
   Vue.component('multiselect', window.VueMultiselect.default)
    //創建實體
    var app = new Vue({
            el: '#vueapp',        
            data() {
                return {
                    options: [],//撈出被選中屬於此核心底下的技能
                    coreData: [],//核心技能下拉選單 
                    selectedcoreObj: [],
                    selectedIds: [],//只取coreskill的id
                    skillObj:[],
                }
            },
        methods: {            
            getSkilltag(tag_id) {
                const postBody = { tag_id: tag_id };                                       axios.post('http://HaoweiLu.com/ITDNA.ApiService/api/Querysk/', postBody)
                        .then((res) => {
                            console.log(res.data);
                            this.options = res.data; //撈出checkbox    
                        })
                        .catch((error) => {
                            console.log(error);
                        })               
                },              
            select(selectedOption ) {
                this.getSkilltag(selectedOption.tag_id);
                },              
                getTag() {                                                                 axios.get('http://HaoweiLu.com/ITDNA.ApiService/api/QueryS/')
                        .then((res) => {
                            console.log(res);
                            this.coreData = res.data;
                        })
                },
            },
            created: function () {
                    this.getTag();   //核心下拉選單資料來源        
            },
            watch: {
                selectedObjects(newValues) {
                    this.selectedIds = newValues.map(obj => obj.tag_id);
                }
            },
    })       
    </script>