小编Dic*_*ful的帖子

如何全局设置 useFetch 可组合项中使用的 baseUrl（可能是 nuxt.config.ts）？

如何避免在每次 useFetch 中定义它？

本质上，我想构建输入字段组件（textfeids、textarea、复选框等）。由于它们共享一些属性，即（id、名称等），因此我的方法是创建一个可组合项并定义通用的 prop 定义，然后在各个组件中使用它们。然而，它似乎确实有效。有没有办法可以在 vue 3 可组合方法中实现这一目标。下面是可组合的。

// prop definition
import { defineProps } from "vue";

export const useCoreFieldProps = () => {
  const props = defineProps<{
    id?: string;
    name?: string;
    disabled?: boolean;
    required?: boolean;
  }>();

  return {
    props,
  };
};

// composable usage
<script setup lang="ts">
import { useCoreFieldProps } from "@/composables/useFields";

const { props: coreProps } = useCoreFieldProps();

</script>

我有如下定义的相关模型。我想编写一个查询来获取所有具有Product_options的产品。我有一种方法可以实现这一目标或如何实现我尝试的解决方案。我已将我的解决方案粘贴在下面。

Product.objects.filter(product_options__count__gt=0)

class Product(models.Model):
    name = models.CharField(max_length=200)


class ProductOption(models.Model):
    name = models.CharField(max_length=200)
    product = models.ForeignKey(
        Product,
        on_delete=models.PROTECT,
        related_name='product_options'
    )