Question

我在vue中创建了路线

{
  path: '/coursedetailed/:id',
  component: MyCourseDetailed,
  props: true
},

它可以工作，但是在我转到页面后，似乎css已禁用。如果所有请求都填入数据，则说明已完成。控制台中有一个错误。其他页面效果很好

未捕获到的SyntaxError：意外令牌<< / p>

我的组件的Vue脚本：

<script>
import axios from 'axios'
import MenuWhite from '@/components/MenuWhite.vue'

export default {
  name: 'coursedetailed',
  props: ['id'],
  components: {
    MenuWhite
  },
  data: () => {
    return {
      course: [],
      errors: []
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      axios({
        method: 'get',
        url: this.$store.state.endpoints.baseUrl + '/api/courses/' + this.$route.params.id + '/',
        withCredentials: true,
        headers: {
           Authorization: `JWT ${this.$store.state.jwt}`,
          'Content-Type': 'application/json'
        }
      }).then((response) => {
        this.course = response.data
      })
    },
  isToken () {
    if (this.$store.state.jwt) {
      this.$router.push({ path: '/profile' })
    } else {
      this.$router.push({ path: '/' })
    }
  }
 }
}

有什么想法可能会出问题吗？

Answer 1

请检查此link。

如前所述，基本的Vue组件可能具有template，script和style标签。

在样式标签内，您可以直接放置css或使用@import导入css文件，就像@Geraldine Golong的回答中看到的here一样。

因此，我的建议是将CSS代码放入组件中（如果这样，建议您将其放入父组件中），或使用适当的Vue标记导入CSS文件。

希望有帮助。

CSS无法在动态路由上与vue js一起使用

1 个答案: