Vue 确认按钮(Confirmation Button)
made with Vuejs

Vue 确认按钮(Confirmation Button)

这是一个要求在执行操作之前进行确认的按钮组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue 确认按钮(Confirmation Button)是一个要求在执行操作之前进行确认的按钮组件。该组件会生成一个按钮,要求用户多次按下该按钮才能确认指定的操作。

安装

Npm

npm i vue-confirmation-button

Yarn

yarn add vue-confirmation-button

使用

js代码

import vueConfirmationButton from 'vue-confirmation-button';

const demo = new Vue({
  el: '.app',
  components: {
    'vue-confirmation-button': vueConfirmationButton,
  },
  data: {
    customMessages: [
      'Delete User',
      'Are you sure?',
      'Ok!'
    ],
  },
  methods: {
    deleteUser() {
      // Your Logic Here 
    },
  },
});

Html

<div class="confirmation__button">
  <vue-confirmation-button
    :messages="customMessages"
    v-on:confirmation-success="deleteUser()">
  </vue-confirmation-button>
</div>

示例

作者

Rohan Likhite

@rohanlikhite

相关项目

这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。
这是一个漂亮的Vue聊天组件。
这是一个基于Vue.js的模拟命令行效果的动画组件。