vue-insert-directive v1.0.1

vue-insert-directive

A directive to insert element for vue.js(2.x).

一款支持在任意标签上插入或 元素的 Vue 指令, 对 Enter / Esc / 换行 等键盘事件处理过.

DEMO:

​

Import

import InsertDirective from 'vue-insert-derective' // Es6 module

Use/使用:

<template>
  <span v-input="{value: () => value, input:=>value = v }" tabindex="0" >{{value}}</span>
</template>


<script>
import InsertDirective from "../src/vue-insert-directive";

export default {
    name:'...',
    directives: {
      input: InsertDirective,
    },
}
</script>
<style>
@import url("../src/vue-insert-directive.css");

</style>

Install

yarn
or
npm install

Dev

yarn dev
or
npm run dev