首页 / 问答 / DncZeus项目中Vue.js的Render函数如何渲染自定义指令(Custom Directive)呢?

DncZeus项目中Vue.js的Render函数如何渲染自定义指令(Custom Directive)呢?

javascript directive 指令 Vue 3.02K 次浏览
0

DncZeus的前端项目中实现了权限验证指令v-can,通常情况下,这个自定义指令是用在DOM元素上的,但现在需要在Render函数中来渲染这个自定义指令v-can应该如何操作呢?

比如需要在iView表格的单元格使用Render函数渲染的时候?类似下图的:

回复 [×]
提交评论
请输入评论内容

1 个回答

  • 1

    在Vue.js中,除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。
    Render函数包含了许多选项,自定义指令也是支持的,Render函数的参数选项如下:

    其中的directives选项即为自定义指令参数选项,它是一个数组,所以你可以在一个Render函数中指定多个自定义指令,name为自定义指令的名称,value为自定义指令的值,完整的Render渲染指令的示例如下:

    Rector的个人主页

    Rector

    2020-01-08 回答

    我来回答