Javascript 如何使用core ui模板在vue js中获取选定值

我将vue js与核心ui模板一起使用，在这样的模式中有一个select标记

<CModal
    title="Tambah komoditi"
    :show.sync="addModal"
    color="primary"
  >
    <template>
        <div>
            <CForm v-on:submit="addData">
                <CRow>
                    <CCol>
                        <CSelect
                        label="Tipe Komoditi"
                        v-model="form.tipe_komoditi_id"
                        :options="options.option_tipe_komoditi"
                        />
                    </CCol>
                </CRow>
                <CButton type="submit" size="sm" v-if="!updateSubmit" color="primary"><CIcon name="cil-check-circle"/> Add</CButton>
                <CButton type="button" size="sm" v-else color="primary" @click="updateData"><CIcon name="cil-check-circle"/> Update</CButton>
            </CForm>
        </div>
    </template>
  </CModal>

我想要console.log选中的选项单击提交按钮（添加按钮）时，我已经阅读了此模板的文档

还有一种道具叫做：value，但我不知道如何使用它，因为根本没有例子。

---

如何获取所选选项？

您可以使用

：value.sync=“form.tipe\u komoditi\u id”

---

您可以在coreui项目中搜索CSelect。Forms.vue文件中有一些示例。

您可以使用

：value.sync=“form.tipe\u komoditi\u id”

您可以在coreui项目中搜索CSelect。Forms.vue文件中有一些示例

export default {
   name: 'Produk',
   data () {
      return {
        form: {
            tipe_komoditi_id: null,
        },
        options: {
            option_tipe_komoditi: [
                {
                    value: 1,
                    label: 'Satu'
                },
                {
                    value: 2,
                    label: 'Dua'
                }
            ]
        },
        addModal: false,
        updateSubmit: false
      }
   },
   methods: {
       addData (e) {
         e.preventDefault();
         
       }
   }
}