vue-conditional-attrs
A Vue.js component for conditional rendering attributes and directives.
Install
Via npm npm instal vue-conditional-attrs --save
;//ORvar VueConditionalAttrs = ;Vue;
Via script tag
Usage
Once installed you have access to cn-attrs
component.
Tag name
Accept tag name or component name.
Type: String
Attribute: tag
Default: div
<!---->
Attributes
Accept object of attributes.
Type: Object
Attribute: attrs
//Vue instance{returnattrs:'attribute-name':value: /* value */if: Boolean}//Vue instance
OR
//Vue instance{returnattrs:'attribute-name': Boolean /* or value */}//Vue instance
Directives
Accept object of directives.
Type: Object
Attribute: directives
//Vue instance{returndirectives:'directive-name':value: /* value */if: Boolean}//Vue instance
OR
//Vue instance{returndirectives:'directive-name': Boolean}//Vue instance
Listeners
Accept object of listeners.
Type: Object
Attribute: on
//Vue instance{returnlisteners:'listener-name': //example: clickevent: Functionif: Boolean}//Vue instance
OR
//Vue instance{returnlisteners:'listener-name': Function /* or false */}//Vue instance