时间戳

首页 > 解决方案 > 如何在带有 vue 3 的项目中使用 simpleBar

vue.js - 如何在带有 vue 3 的项目中使用 simpleBar

问题描述

我想制作一个发光的滚动条，但由于 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)

标签： vue.jsfrontendsimplebar

解决方案

<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>

它对我有用。

推荐阅读