vue中jsx自定义按钮组件

自定义type 事件

话不多说直接上代码！！！

首先是buttonCom页面

<template>
  <div>
    <r-button type="primary" @click="handleClick">登录</r-button>
    <r-button type="success" @click="handleClick">注册</r-button>
    <r-button type="danger" @click="handleClick">删除</r-button>
    <r-button disabled @click="handleClick">禁用</r-button>
    <r-button>文字链接</r-button>
  </div>
</template>

<script>
import RButton from '../components/zujiansheji/button'

export default {
  name: 'buttonCom',
  components: {RButton},
  methods: {
    handleClick (e) {
      console.log(e)
    }
  }
}
</script>

<style lang="less" scoped>

</style>

按钮

<script>
export default {
  name: 'R