self-right-menus - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

package.json

		@@ -5,3 +5,3 @@ {
		"private": false,
		"version": "1.1.1",
		"version": "1.1.2",
		"description": "这是一个基于Vue的自定义右键菜单项目",
		@@ -8,0 +8,0 @@ "main": "./dist/right-menu.js",

README.md

		# right-menu
		一个自定义的右键菜单指令


		插件安装
		yarn add self-right-menus

		# or

		npm install self-right-menus --save

		插件使用

		在项目的入口文件main.ts/main.js中加入下述代码

		import rightMenus from "self-right-menus"

		Vue.use(rightMenus);

		在你的业务代码中，在元素上绑定v-right-menu，然后传对应的参数即可.


		# 传值必须是对象配置说明包含哪些键值对

		属性 \| 说明 \| 类型 \| 默认值
		:-------: \| ------- \| :-------: \| :-------:
		<small>value</small>\|<small>用于存放结果的数组，建议使用v-model来做双向绑定</small>\|Array\|无
		width \| 右键菜单宽度 \| Number \| 166
		content \| 右键菜单内容数组对象 \| Array \| 必传

		# content 配置说明
		属性 \| 说明 \| 类型 \| 默认值
		:-------: \| ------- \| :-------: \| :-------:
		label \| 菜单名称 \| String \| 必传
		handler \| 菜单操作方法 \| Function \| 非必传
		disabled \| 菜单是否禁用 \| Boolean \| false
		berak \| 菜单分割线位置(默认三个为一组分割) \| Boolean \| false

		# 例子

		```vue
		<template>

		<div
		v-right-menu="rightMenus"
		>
		</div>

		</template>

		<script>

		export default {
		data(){

		return {

		rightMenus:{

		width:190,//右键菜单宽度；默认值166

		content:[

		{

		label:string,//右键菜单子项名称（必需值）

		handler:function,//右键菜单子项方法（可选值）

		disabled:boolean,//子项是否禁用（可选值）

		break:boolean,//子项分割线标准（不给值默认3个为一组分割）

		}

		]

		}
		}

		}

		}

		}

		</script>
		```

New alerts