vue-manual-data-masking
Vue2 version of easy-data-masking.
1. Configurable categories of sensitive data like swear word, person name, home address...
- Providing input to enter categories of sensitive data like swear word, person name, home address...
- Showing sensitive data been masked when mouse hover.
- Replacing sensitive data by using characters "●" and "*".
npm install --save vue-manual-data-maskingimport dataMasking from "vue-manual-data-masking";<data-masking v-model="dataMasked" :text="text" @afterMasking="afterMasking" />| Property | Description | Type | Required | Default |
|---|---|---|---|---|
| v-model | sensitive data been masked e.g. [{ content: "080080080", category: "phone number", start: 0, end: 5 }] | Array | yes | [] |
| text | text | String | yes | |
| maskingTextColor | color of masking text | String | no | "#35495e" |
| maskingBgColor | color of masking background | String | no | "#41b883" |
| maxHeight | max height of data masking container | Number or Null | no | null |
afterMasking event will be emitted when new sensitive data been masked. textAfterMasking can be used inside of the callback function registered in advance.
# install dependencies npm install # serve with hot reload at localhost:8888 npm run serve # build for production with minification npm run build