一个Vue.js组件,用于创建带有HTML内容的编辑器选项的可自定义,多语言,易于样式化,启用触摸的HTML工具栏菜单。
变更日志:
v1.3.0(12/16/2020)
用户现在可以设置菜单元素 id
v1.2.0(12/14/2020)
更新资料
v1.1.3(2020年10月22日)
错误修复“单击后关闭颜色选择器”
v1.1.2(09/21/2020)
分隔符和分隔符样式已移至bar-default-styles.scss
次代码重构
2020年7月16日
v1.1.1
v1.1.0(2020年7月8日)
添加了垫片组件
为颜色菜单添加了禁用模式
设置参数menu_height现在可以更改CSS的最大高度
将Vue和Core-JS移至devDependencies
安装和下载:
# NPM
$ npm install vue-file-toolbar-menu --save
基本用法:
1.导入组件。
import VueFileToolbarMenu from 'vue-file-toolbar-menu';
2.将文件工具栏菜单组件添加到模板。
3.注册组件,然后将自己的项目插入组件。
export default {
components: { VueFileToolbarMenu },
data () {},
computed: {
my_menu () {
return [
{ text: "Home", menu: [
{ text: "Item 1", click: () => alert("Action 1") },
{ text: "Item 2", click: () => alert("Action 2") }
] }, {
// More Buttons Here
}
]
}
}
}