Vue.js withDirectives()用法及代码示例

用于向 vnode 添加自定义指令。

类型

function withDirectives(
  vnode: VNode,
  directives: DirectiveArguments
): VNode

// [Directive, value, argument, modifiers]
type DirectiveArguments = Array<
  | [Directive]
  | [Directive, any]
  | [Directive, any, string]
  | [Directive, any, string, DirectiveModifiers]
>

细节

使用自定义指令包装现有 vnode。第二个参数是一个自定义指令数组。每个自定义指令也表示为 [Directive, value, argument, modifiers] 形式的数组。如果不需要，可以省略数组的尾元素。

示例

import { h, withDirectives } from 'vue'

// a custom directive
const pin = {
  mounted() {
    /* ... */
  },
  updated() {
    /* ... */
  }
}

// <div v-pin:top.animate="200"></div>
const vnode = withDirectives(h('div'), [
  [pin, 200, 'top', { animate: true }]
])

相关用法

注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 withDirectives()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。