javascript - 需要使用Vue.js访问对象数组

当用户选择机器时，我得到了机器的ID。从该ID，我需要获取机器的品牌和型号。

    <ul class="list-unstyled">
          <li>
              <div v-for="dosimeter in dosimeters">
                 <label>
                    <input type="radio" name="optDosimeter" v-model="dosimeter_id" :value="dosimeter.id" v-on:click="dosimeter_select">{{dosimeter.nickname}}
                 </label>
              </div>
           </li>
     </ul>

Vue.js

    export default {
        data: function() {
            return {
              dosimeters:[],
              dosimeter_id:''
       }
     },
     mounted(){
        axios.get('/dosimeters').then((response) => {
                this.dosimeters=response.data;
            });
     },
     methods: {
         dosimeter_select(){
                not sure what to put here
            }
     }
  }

最佳答案

我认为你应该做类似的事情：

  dosimeter_select(){
          let found= this.dosimeters.find(d=>{
                return d.id==this.dosimeter_id
            });

         console.log(found.make);
         console.log(found.model);
        }