Vue Js：使用vue-loader组件中的指令

作者: 滔滔江水
发布时间: 2024-06-29 03:07:24 (16天前)
转自：

2 条回复

0#
回复此人
ikun | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我不太了解你的代码，但如果你想在组件（* .vue文件）中使用指令，我可以告诉你如何： </p> <P> 组件/ snippet.vue </p> <pre> <code> <template> <div id="snippet"> <code v-snippet> {{snippet.code}} </code> </div> </template> <script> import snippet from '../directive/snippet'; export default { directives: { snippet: snippet } } </script> </code> </pre> <P> 指令/ snippet.js </p> <pre> <code> export default { update: function (el) { console.log('update'); } } </code> </pre> <P> 有关详细信息，您可以查看 <a href="http://vuejs.org/v2/guide/custom-directive.html" rel="nofollow noreferrer"> http://vuejs.org/v2/guide/custom-directive.html </A> （介绍部分）。 </p> </DIV>

编辑

登录后才能参与评论