@sensorskit/vue-on-delete

vue custom directive of delete binding

Usage no npm install needed!

<script type="module">
  import sensorskitVueOnDelete from 'https://cdn.skypack.dev/@sensorskit/vue-on-delete';
</script>

README

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">