Skip to content

NeutroniumCore/neutronium-vue-command-mixin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 

Repository files navigation

neutronium vue command mixin

Mixin to integrate MVVM ICommand with vue

Npm version MIT License Npm version

Usage

Provide mixin to easily integrate ICommand in vue.js using Neutronium. Component this mixin exposes:

Props

command

Type: Object
Required: true

The property corresponding to the C# command.

arg

Type: Object
Required: false

The argument that will be passed to comand when execute is called.

Computed

canExecute

Type: Boolean

true if Command CanExecute is true.

Method

execute

Call the corresponding command with the argument arg

Events

beforeExecute

Called before calling command execute if CanExecute is true.

The event argument provides two properties:

  • arg: Object the command argument,
  • cancel: false set it to true to cancel the execution

afterExecute

Called after calling command execute.

The event argument is the command argument.

Example

Declaring buttonCommand component in a .vue file (using semantic ui):

<template>
  <div class="ui button" :class="{'disabled': !canExecute}" @click="execute">   
    <slot></slot>  
  </div>
</template>
<script>
import comandMixin from 'neutronium-vue-command-mixin'

export default {
  mixins:[comandMixin]
}
</script>

<style>
</style>

Using buttonCommand:

<button-command :command="compute" :arg="argument">
	Submit
</button-command> 

Install using npm:

npm install neutronium-vue-command-mixin --save

About

Vue mixin to integrate MVVM ICommand with vue

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published