在.vue文件中添加导入按钮为什么在运行页面中不显示

在.vue文件中添加导入按钮为什么在运行页面中不显示

img

img


是在spring boot项目中

对应的index.html文件

img

  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7626013
  • 你也可以参考下这篇文章:Vue打包到spring boot项目刷新访问不到其他页面(已验证)
  • 除此之外, 这篇博客: spring boot+vue前后端项目的分离(我的第一个前后端分离项目)中的 2、后端项目的构建 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 首先构建项目
    目录结构这个样子
    在这里插入图片描述

  • 您还可以看一下 胡书敏老师的Spring Boot+Vue全栈+分布式组件训练营,案例可供毕业设计课程中的 什么是控制反转小节, 巩固相关知识点
  • 以下回答由chatgpt基于相关博客总结生成:

    对于在vue文件中添加了导入按钮却没有显示出来的问题,首先可以检查一下以下几个方面:

    1. 确认代码逻辑正确性,即按照正确的方式引入并使用该组件或按钮;
    2. 确认组件或按钮的样式是否正确,是否被其它样式覆盖了;
    3. 确认组件或按钮是否被正确放置在父组件或页面中;
    4. 如果使用了第三方组件库,需要确认该组件是否在该库内部被正确注册。

    针对以上问题,可以采取以下方法进行解决:

    1. 确认代码逻辑正确性:检查代码是否按照正确的方式引入并使用该组件或按钮。可以在控制台输出正确的信息来确认代码逻辑的正确性。

    2. 确认组件或按钮的样式是否正确:除了检查样式代码,可以采用浏览器的开发者工具来检查组件或按钮的样式是否被覆盖了。如果被覆盖了,可以使用 CSS 权重或使用 !important 来解决。

    3. 确认组件或按钮是否被正确放置:可以在浏览器的开发者工具中查看组件或按钮的层级关系或位置是否正确,或者检查组件或按钮的属性是否正确。

    4. 确认第三方组件库中该组件是否被正确注册:可以查看组件库的官方文档,确认该组件是否需要额外的配置或者注册,如果需要,按照正确的方式进行配置或注册。

    总而言之,解决问题的关键是要确定问题出在哪里,而对于一个 Vue 项目的问题,可以通过运用 Vue 的调试工具、浏览器开发者工具和对 Vue 原理的理解来进行解决。

img

导入按钮上有个 v-if="isAuth('examquestion', '导入')",看样子应该是个鉴权方法吧,检查一下这个isAuth方法输出的是 true还是 false呢,是不是导入没有权限,需要加一下权限?

通过路由,定位到组件