0.4.7 • Published 3 years ago

debounce-button v0.4.7

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

eslint + vscode + element-ui 二次封装

有 vscode 的 setting.json 配置文件 ,保存自动格式化

先安装 element-ui
   npm i element-ui

安装 debounce-button 再 Vue.use(debounce-button)

    npm i debounce-button
    Vue.use(debounce-button)

组件 debounce-button 是点击发布或确定的场景下应用,按钮开启 loading 效果,禁止连续点击

  举例:  <debounce-button @click="getData">2123123221</debounce-button>
        methods: {
          getData (done) {
            setTimeout(() => {
              done() //关闭按钮loading效果
              console.log('请求数据')
            }, 2000)

          }
        }

组件 confirm-button 是在点击按钮二次确认的情况下使用

   <confirm-button
      @confirm="confirm"
      @cancle="cancle"
      auto-comfirm
      :confirm-config="{
        massage: '确定要删除吗?',
        title: '温馨提示',
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }"
      >地扫活动是怕</confirm-button
    >
props是否必须默认值类型描述
auto-comfirmtrueBoolean是否需要二次确认
confirm-config{ }Object二次确认类型弹框的信息
confirmfunctionFunction点击确定按钮后的操作
canclefunctionFunction点击取消按钮之后的操作

补充:

confirm-config 的默认值是
{
massage: '确定要删除吗?',
title: '温馨提示',
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
0.4.7

3 years ago

0.4.6

3 years ago

0.3.9

3 years ago

0.4.5

3 years ago

0.4.4

3 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.4.3

3 years ago

0.4.2

3 years ago

0.3.8

3 years ago

0.3.7

3 years ago