自定义指令和指令参数

时间:2015-08-22 10:19:45

标签: vue.js

我正在调整select2示例http://vuejs.org/examples/select2.html用于我的项目,我需要向指令发送一些参数,例如multiple:true / false等。这个参数将用于指令绑定方法中的select2初始化。我怎么能做到这一点?在这里的指令文档http://vuejs.org/guide/custom-directive.html中,有一些提示,例如

<div id="demo" v-demo="LightSlateGray : msg"></div> 

...但是它只有一个论点,我能有更多吗?

1 个答案:

答案 0 :(得分:1)

您有两个基本选项:

  1. 将所有参数放在一个对象中,并将该单个对象传递给该指令。
  2. 您可以在指令本身中使用多个子句。有关详细信息,请参阅此处:https://012.vuejs.org/guide/custom-directive.html#Multiple_Clauses
  3. 编辑:上面的多个条款适用于Vue版本0.12。对于版本2,这不再是一个选项 - 使用对象。