vue-filters
A collection of filters for vue.
Policy
all sorts of filters can be submitted. There will be no removes because of deprecation. If the API of a filter changes, the name has to change.
Install
npm install --save-dev vue-filters
or include bundle.js
Usage
## whithin your module components: filters: escape: require"vue-filters/escape"# if you have used the bundle.js components: filters: escape: windowvueFiltersescape
List of filters
Name | arguments | description |
---|---|---|
escape | string | turns & ,< and > to & , < and > (usage raw html) |
nl2br | string | turns \n to <br> (usage raw html) |
byObject | array, object | only entries in the array matching all keys and values of the provided object will be included |
notPrevented | function | only call function when event.defaultPrevented is false |
prevent | function | call function and call event.preventDefault() afterwards |
Detailed usage
byObject
// dynamic// or just pass an object from your Vue instance
notPrevented
read: https://css-tricks.com/dangers-stopping-event-propagation/
// when clicked on the child, parentClick won't be called
prevent
read: https://css-tricks.com/dangers-stopping-event-propagation/
// won't work// will work
Develop
Clone rep
npm install
Available scripts:
npm run build # compiles coffee-script in src/
npm run test # runs a single-run karma in chrome and firefox
npm run watch # runs karma in chrome (uses src/*.coffee files direclty, no need for build)
# to run only single tests:
karma start --browsers Chrome --auto-watch --reporters spec --files ['test/onClick.coffee']
License
Copyright (c) 2015 Paul Pflugradt Licensed under the MIT license.