就引入一个组件就报错了,语法没什么问题呀,是哪里有问题?

2023-07-01 245 0

图片.png

<template>
    <div>
        <ks-table-draggable/>
    </div>
</template>
<script>
import KsTableDraggable from "@/components/KsTableDraggable";
export default {
  name: "ForwardTradingDetail",
  components: {KsTableDraggable},
//   props: {
//     tableData: {
//       type: Array,
//       default() {
//         return []
//       }
//     }
//   }
}
</script>
<script scoped lang="scss">
</script>
  1. 打印一下KsTableDraggable看看有没有
  2. import KsTableDraggable from "@/components/KsTableDraggable.vue",引入组件的时候,加上.vue试试
<script scoped lang="scss">
</script>

这个应该是

<style scoped lang="scss">
</style>

看看是不是这的问题

KsTableDraggable组件里有写name属性吗或者name属性是否为KsTableDraggable

这样改写一下组件看看?不行的话,刷新一下页面是是,有些时候热跟新可能会有问题。

<template>
    <div>
-        <ks-table-draggable />
+        <KsTableDraggable  />
    </div>
</template>

另外就是你的样式部分有问题:

- <script scoped lang="scss">
+ <style lang="scss" scoped>
- </script>
+ </style>

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?