tooltip

1. V-Hotkey 仓库地址 : github.com/Dafrok/v-ho… Demo : 戳这里 https://dafrok.github.io/v-hotkey 安装 : npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template> <div v-show="show" v-hotkey="{ 'esc': onClose, 'ctrl+enter': onShow }" > Press `esc` to close me! </div> </template> <script> export default { data() { return { show: true } }, methods: { onClose() { this.show = false }, onShow() { this.show = true }, } } </script> 复制代码 2. V-Click-Outside 仓库地址 : github.com/ndelvalle/v… Demo : codesandbox.io/s/zx7mx8y1o… 安装 : npm install --save v-click-outside

受 AngularJS 的启发，Vue 内置了一些非常有用的指令（比如 v-html 和 v-once 等），每个指令都有自身的用途。完整的指令列表可以在 这里查看 . 这还没完，更棒的是可以开发自定义指令。Vue.js 社区因此得以通过发布自定义指令npm 包，解决了无数的代码问题。 以下就是我最喜欢的 Vue.js 自定义指令列表。不用说，这些指令为我的项目开发节省了大量时间！😇 1. V-Hotkey 仓库地址 : https://github.com/Dafrok/v-hotkey Demo : 戳这里 https://dafrok.github.io/v-hotkey 安装 : npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template> <div v-show="show" v-hotkey="{ 'esc': onClose, 'ctrl+enter': onShow }" > Press `esc` to close me! </div> </template> <script> export default { data() { return { show: true } }, methods: {