我正在制定一项perfect-scrollbar
指令。
yarn add perfect-scrollbar
我发现它到处都是,但它默默地失败了。这是代码:
<template>
<div class="scroll-area">
<img src="https://i.kinja-img.com/gawker-media/image/upload/s--I5-_uX-9--/c_scale,fl_progressive,q_80,w_800/oh1cxyrtivnead6tn8k6.png" v-scroll/>
</div>
</template>
<script>
import { Container, PerfectScrollbar } from 'myCompnts';
export default {
name: 'Test',
data() {
return {
};
},
directives: {
scroll: PerfectScrollbar
},
components: {
Container
},
};
</script>
<style scoped>
.scroll-area {
position: relative;
width: 100px;
height: 300px;
overflow: hidden;
}
</style>
不幸的是,它要么“没有指定任何元素来初始化 PerfectScrollbar”,要么返回这些暗示编译问题的神秘错误消息:就像元素没有正确传递一样。Vue Chrome 调试器没有提供有关指令是否实际到达那里的信息。这个想法听起来很性感,但如何实施呢?感谢您的帮助,真的!:)