Vue 自定义指令

待我称王封你为后i 2021-12-16 05:43 549阅读 0赞

Vue 自定义指令

  1.           除了核心功能默认内置的指令 (`v-model` 和 `v-show`)，Vue 也允许注册自定义指令。

局部指令：

如果想注册局部指令，那么只需在组件中定义一个directives的选项即可，如下代码：

  1. <template>
  2.       <div style="width: 300px;height: 300px;" v-img="img" ></div>
  3. </template>
  5. <script>
  6.     export default {
  7.         name: "Directives_69",
  8.       directives:{
  9.             /*
  10.             * 该钩子函数是被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
  11.             * el：指令所绑定的元素，可以用来直接操作 DOM 。
  12.             * binding 一个对象，
  13.             *     name：指令名，不包括 v- 前缀。
  14.                   value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。
  15.                   oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。
  16.                   e

发表评论

表情：
评论列表 （有 0 条评论，549人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue自定义指令

    自定义指令 vue里面不仅仅有内置的指令，也可以根据自己的需求构建自定义指令 它其实就是操作DOM元素的属性以及内容 通过directives属性配置自定义指令，有函

    浅浅的花香味﹌浅浅的花香味﹌/ 0 赞/ 243 阅读

    相关 vue 自定义指令

    除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你

    男娘i男娘i/ 0 赞/ 492 阅读

    相关 Vue自定义指令

     `v-on 、v-model、v-show` 等指令，在操作 dom 时使用了 ref 属性，其实指令也是操作dom 的一种方式，但有时，这些指令并不能满足我们的需求，因此

    比眉伴天荒比眉伴天荒/ 0 赞/ 491 阅读

    相关 vue自定义指令

    除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。有的情况下，对普通 DOM 元素进行底层操作，这时候就会用到自定义指令 下面

    布满荆棘的人生布满荆棘的人生/ 0 赞/ 616 阅读