@sensorskit/vue on delete

vue custom directive of delete binding

Version: 1.1.0 Updated: 03/29/2018

By: SensorsKit License: MIT

Downloads Last 30 Days: 43

vue-on-delete

npm (scoped) Build Status

[在线预览]

通用的「是否删除」监听逻辑:输入框字符减少的同时没有新增字符

示例:

  • 输入框里有字符存在时,按下了退格键,算删除
  • 输入框里没有字符,按下退格键,不算删除
  • 输入框里选中了一段文字,按下退格键,算删除
  • 输入框里选中了一段文字,键入别的字符,此时选中文字会被替换掉,不算删除

使用

yarn add @sensorskit/vue-on-delete

在 Vue.js 项目的入口处引入:

import VueOnDelete from '@sensorskit/vue-on-delete'

Vue.use(VueOnDelete)

// 如果需要自定义选项
Vue.use(VueOnDelete, {
  directive: 'your-custom-directive-name'
})

在需要绑定删除逻辑的地方引入自定义指令:

<input type="text" v-on-delete="onDelete">

<!-- 如果自定义了directive name -->
<input type="text" v-your-custom-name="onDelete">
Categories: Vue js
Tags: