0.2.5 • Published 2 years ago
vue-gf-table v0.2.5
VueTagTextarea
可插入自定义标签的 textarea
安装
$ npm install vue-gf-table -S
使用
在 main.js
文件中引入插件并注册
# main.js
import VueGTable from 'vue-gf-table'
import 'vue-gf-table/lib/vue-gf-table.css'
Vue.use(VueGTable)
在项目中用使用 VueGTable
<template>
<g-table v-model="text" />
</template>
<script>
export default {
data () {
return {
text: 'demo'
}
}
}
</script>
注意:标签为 <g-table>
特点
- 可以插入自定义的标签,默认为
<wise>
- 基于自定义标签,可以满足模版文案的需求
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
tag | 自定义标签名 | String | wise |
tools | 配置工具栏 | Array | { type: 'link', text: '添加超链接' }, { type: 'tag', text: '添加模版标签' } |
maxlength | 最大字符长度 | String, Number | - |
自定义 tag 的时候,需要添加该标签的样式
事件
事件名称 | 说明 | 回调参数 |
---|---|---|
add | 点击工具栏上的“添加 xx”按钮时触发 | type |