vue+django下拉菜单多对多关系完整代码

vue：

<template>
    <div id="xiala">
      音乐家：<input type="text" v-model="yinyuejia">
        <select multiple v-model="yd">
          <option v-for="item in items" :value="item.id">{
   {
   item.name}}</option>
          <!--想要做下拉菜单，那么首先就要确定id值，那么【:value="item.id"】这种方式就是在option里获取id值的方法-->
        </select>
      <button @click="tianjia">添加</button>
    </div>
</template>
<script>
import axios from 'axios'
export default {
   
  name: 'xiala',
  data () {
   
    return {
   
      items: []