AjaxButton 组件调用

组件的引用

main.js

import AjaxButton from 'AjaxButton'; Vue.use(AjaxButton);

组件参数API

• click{Function|点击按钮触发的事件，是参数而不是事件}
• auth-list{Array|权限数组，通过 authority 的混入，使用 this.auths 即可}
• auth-mark{String|控制该按钮权限的标识符，业务的 ajax 接口地址}
• 其他参数同 el-button 组件
• isShow{Boolean|控制按钮右上角红色小圆圈的显示 ，默认false 不显示}
• isShowNumber{String|控制按钮右上角红色小圆圈的显示数字 ，默认不显示数字 ,当数字超出两位后默认显示...}

组件插槽

• default{Button 里的文本内容}

示例代码

bashbashbashbash

template

js

import { authority } from '@/utils/authMixin'; import { saveApi } from '@/api/xxx/xxx';

export default { mixins: [authority], data() { return { formData: {} }; }, methods: { async saveHandle(type) { // if (type === 1) { // 业务逻辑判断 // } const res = await saveApi(this.formData); } } }; bashbashbash