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

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

Django~溪风

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

阅读量601

点赞数

本文链接：https://blog.youkuaiyun.com/Django_/article/details/103021971

版权

本文详细介绍了如何在Vue.js前端和Django后端结合的项目中，处理下拉菜单的多对多关系。涵盖了数据库模型的设计，视图函数的编写，序列化文件的配置以及前端路由的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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: []