如何封装一个vue组件（获取手机验证码的组件）

最新推荐文章于 2024-07-15 16:23:39 发布

小怪兽学前端

最新推荐文章于 2024-07-15 16:23:39 发布

阅读量610

点赞数

分类专栏： vue常用例子资源分享文章标签： vue html

本文链接：https://blog.csdn.net/weixin_41970780/article/details/110554617

版权

如何封装一个vue组件（获取手机验证码的组件）

定义一个名为 item-time 的新组件，这是获取手机验证码的组件

Vue.component('item-time', {
   
    props: ['maxtotaltime', 'settime'],
    template: `
        <div class="btn" @click="getVerificationCode()" style="position: absolute;right: 0.75rem;">
          <div class="aui-btn" v-if="maxtotaltime==settime">获取验证码</div>
          <div class="aui-btn" v-else><span>{
    {maxtotaltime}}</span>s后重新获取</div>
        </div>
    `,
    methods: {
   
        getVerificationCode: function() {
   
            if (vm.maxTotaltime == vm.setTime) {
   
                CountDown(vm.maxTotaltime