如何在vue 3项目中使用simpleBar

Question

我想做一个发光的滚动条，但由于Mozilla不支持滚动自定义，我决定使用simpleBar -它在vue 2上运行得很好，但在vue 3上却不起作用，我如何在vue 3项目上使用它？

Uncaught (in promise) TypeError: Cannot read property '_c' of undefined
at Proxy.__vue_render__ (simplebar-vue.esm.js?8d3b:39)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:1168)
at componentEffect (runtime-core.esm-bundler.js?5c40:5214)
at reactiveEffect (reactivity.esm-bundler.js?a1e9:42)
at effect (reactivity.esm-bundler.js?a1e9:17)
at setupRenderEffect (runtime-core.esm-bundler.js?5c40:5167)
at mountComponent (runtime-core.esm-bundler.js?5c40:5126)
at processComponent (runtime-core.esm-bundler.js?5c40:5084)
at patch (runtime-core.esm-bundler.js?5c40:4690)
at mountChildren (runtime-core.esm-bundler.js?5c40:4874)

Answer 1

<template>
  <div data-simplebar></div>
</template>

<script lang="ts">
  import { defineComponent} from 'vue'

  import 'simplebar-vue/dist/simplebar.min.css'
  import 'simplebar-vue/dist/simplebar-vue.js'

  export default defineComponent ({
    name: 'test',
  })
</script>

这对我很管用。