如何根据在 vuejs 中选择的下拉列表存储行的详细信息

【问题标题】：How to store details of rows based on dropdown list selected in vuejs如何根据在 vuejs 中选择的下拉列表存储行的详细信息
【发布时间】：2022-01-22 19:17:42
【问题描述】：

下面是我的代码，我正在生成一个动态表，只想根据选择的下拉菜单保存详细信息行，然后单击更新按钮

                  <b-field>
                    <b-select name="contacted" id="" v-on:change="onChangeSite($event)">
                      <option value="contacted">Contacted</option>
                      <option value="not_contacted">Not Contacted</option>
                    </b-select>
                  </b-field>

请建议如何从选项中保存价值

【问题讨论】：

上述代码方法见使用方法：{ onChange: function(e){ var id = e.target.value; var 欺诈标志 = e.target.options[e.target.options.selectedIndex].fraud; console.log('id',id); console.log('name',fraud_flag); }

标签： javascript vue.js

【解决方案1】：

如果你使用 Vue js 和一个库，例如 Vuetify，你可以通过这种方式获得价值：

        <v-select
          v-model="contacted"
          :items="contactedList"
          ***item-value="id"
          ***item-text="title"
        ></v-select>

但如果你不会使用这种类型的选择框，你可以通过这种方式获得价值：

        <select name="contacted" id="" v-on:change="onChangeSite($event)">
            <option value="contacted">Contacted</option>
            <option value="not_contacted">Not Contacted</option>
        </select>

js文件：

  methods: {
    onChangeSite(e) {
      console.log(e.target.value);
    },
}

【讨论】：

我需要根据这些行的下拉值将多行存储在一个列表中，以便稍后我可以将这些行推送到 mongo db，（例如，我需要存储具有 dropdoen 值的行联系）