VUE多選1.1.4，通過ID

Question

選擇值，我增加多選組件，它看起來像這樣

查看

<multiselect 
    :options="books" 
    :selected="selectedBook" 
    :show-labels="false" 
    placeholder="Choose your book" 
    label="name"> 
    <span slot="noResult">No books were found</span> 
</multiselect> 

腳本

<script> 
    export default { 
    data() { 
     return { 
     books: [], 
     selectedBook: null, 
     } 
    }, 
    created() { 
     this.getBooks(); 
     this.getFav(); 
    }, 
    methods: { 
     getBooks() { 
     this.$http 
     .get('/books/') 
     .then(
      function(response) { 
      this.books = response.json(); 
      } 
     ); 
     }, 
     getFav() { 
     this.$http 
     .get('/fav/') 
     .then(
      function(response) { 
      var fav = response.json(); 
      this.selectedBook = fav.id; 
      } 
     ); 
     } 
    } 
    } 
</script> 

響應

[{"id":1,"name":"ABC"},{"id":2,"name":"QWE"}] 

而我的問題是，我如何設置選定的書籍編號。當我設置這樣，然後在輸入顯示ID，但我想要的書名。

Answer 1

使用track-by

<multiselect 
    ... 
    track-by="id" 
    label="name" 
    ... 
> 

裁判：https://monterail.github.io/vue-multiselect/#sub-single-select-object