问题描述
我在标题上使用了v-app-bar标签，并且我希望元素的阴影更浅，因为它看起来太突出了。我无法将Box-shadow属性应用于v-app-bar元素。
我该怎么办？
解决方法
方法1
您可以使用名为elevation的组件prop。在“ API”部分（https://vuetifyjs.com/en/components/app-bars/#api中的应用栏文档中查看，然后选择 PROPS 标签，可以看到海拔道具。
方法2
您可以使用内置高程类。您可以在这里阅读有关它们的更多信息：https://vuetifyjs.com/en/styles/elevation/
方法3
Vuetify允许您自定义sass样式。 如果您转到此处：https://vuetifyjs.com/en/components/app-bars/#api并选择 SASS 标签，您会看到它们提供了一些您可以编辑的变量。
其中之一是elevation，它负责产生阴影。
当然要这么做，您需要将vuetify作为vue-cli插件安装或在we pack环境中安装，您可以在此处阅读：https://vuetifyjs.com/en/customization/sass-variables/
方法4
您可以直接将css应用到v-app-bar上，而不能将其应用到p.Person();上，因为它仅是可视化的组件名称，然后会生成HTML。您可以使用例如chrome开发人员工具，查看应用栏的结构，然后将CSS样式应用于正确的元素。