Skip to content

Latest commit

 

History

History
40 lines (31 loc) · 643 Bytes

Directive.md

File metadata and controls

40 lines (31 loc) · 643 Bytes

vue指令

很遗憾, 在所有的原生指令当中只有v-show可用, 其余则需要你使用js来实现其逻辑

<div v-show={this.isShow}>使用方法跟之前相同</div>

自定义指令

{...{
  directives: [
    {
      name: 'my-custom-directive', // 指令名称
      value: '2', // 绑定的值
      expression: '1 + 1',
      arg: 'foo',
      modifiers: {
        bar: true
      }
    }
  ]
}}

  • 示例: element-ui中的v-loading
<div {...{
  directives: [ // 注意name字段只写`v-`后面的字符
    { name: 'loading', value: this.loading }
  ]
}}></div>