报错: 当浏览器点击修改 添加按钮 没有反应 也不报错 解决思路

如图 同时点击两个按钮都没有反应

思路

修改和添加都涉及到模型类的数据
1 找到增加 或修改的 后端代码 及 模型类 查看是否存在外键字段
2 存在外键字段 判断前端是否用到该字段的数据
3 如果使用了外键字段的数据 判断获取外键字段数据的方法是否定义了分页器
4 如果定义了分页器, 在修改与增加按钮中,获取到该外键字段的数据就不完整

解决办法

定义一个单独获取外键字段信息的视图
可以使用子视图ListAPIView
修改前端获取外键字段的路由

示例

# SKU视图集
class SKUViewSet(ModelViewSet):
    queryset = Good.objects.all()
    serializer_class = Good_Serializer
    lookup_field = 'pk'
    lookup_url_kwarg = 'pk'
    pagination_class = Page


# 获取所有的SKU   不继承分页器
class SKUList(ListAPIView):
    queryset = Good.objects.all()
    serializer_class = Good_Serializer