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

最新推荐文章于 2023-12-20 06:36:43 发布

原创

最新推荐文章于 2023-12-20 06:36:43 发布 · 626 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Vue.js前端和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: [],
      y