想问一下在vue2中用axios请求成功后在success函数里面调用停止函数，动画会立即停止，而且指针位置也不对，不放在请求里面就没事

[D-xhao]

• 你当前是什么框架(必填)：vue2

• 你使用的是哪个包(必填)：@lucky-canvas/vue

• 你当前插件的版本(必填)："@lucky-canvas/vue": "^0.1.11",

• 当前环境是小程序还是浏览器(选填)：

• 详细描述你的bug：在vue2中用axios请求成功后在success函数里面调用停止函数会立即停止，而且指针位置也不对，不放在请求里面就没事

• 问题代码(重要)：

// 代码开始, 别再放歪了行吗
 // 点击抽奖按钮会触发star回调
//html
  <LuckyWheel
    ref="myLucky"
    width="90vw"
    height="90vw"
    :prizes="prizes"
    :blocks="blocks"
    :buttons="buttons"
    @start="startCallback"
    @end="endCallback"
  />

//js
//引入方式
import {LuckyWheel} from '@lucky-canvas/vue'
//组件使用
  components:{
    [LuckyWheel.name]:LuckyWheel
  },
//开始按钮
    startCallback () {
        this.$axios.post({
          url: `xxx`,
          success: (res) => {
             //此时调用会立即停止转动动画
             this.$refs.myLucky.stop(0)
          }
      })
//如果是放在这里（接口请求外面），动画正常
      this.$refs.myLucky.stop(0)  //转动动画正常
}
// 代码结束

[buuing]

可否在 这个demo里 用定时器模拟复现一下这个bug吗

[D-xhao]

在demo里面的定时器是可以的，但是到了真正的请求success函数里面调用就会立即停止， // 点击抽奖按钮会触发star回调 &nbsp; &nbsp; startCallback () { &nbsp; &nbsp; &nbsp; if (!this.hasPhone) { &nbsp; &nbsp; &nbsp; &nbsp; this.$emit('showPhone') &nbsp; &nbsp; &nbsp; &nbsp; return &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; if (this.luckyData.user_draw_times < 1) { &nbsp; &nbsp; &nbsp; &nbsp; this.$toast('没有抽奖次数了') &nbsp; &nbsp; &nbsp; &nbsp; return &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; // 调用抽奖组件的play方法开始游戏 &nbsp; &nbsp; &nbsp; this.$refs.myLucky.play() &nbsp; &nbsp; &nbsp; this.$axios.post({ &nbsp; &nbsp; &nbsp; &nbsp; url: `/a/lucky/${this.$route.query.luckyid}/draw`, &nbsp; &nbsp; &nbsp; &nbsp; success: (res) =&gt; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(res) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.resultobj = res.data &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let arr = [] &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for(let i = 0 ; i < 8 ; i++){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(this.prizes[i].id == res.data.prize_id){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arr.push(i) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } //arr的数据格式： arr=[0,1,2,3] &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arr = this.shuffle(arr) //这里是不行的，动不到半秒钟就直接停止动画了 // this.$refs.myLucky.stop(arr[0]) //如果放在定时函数里面可以转动，但是时间一到就重现上面的问题了，直接停下来，没有缓动的结束效果以及位置也不对 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // setTimeout(()=&gt;{ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // this.$refs.myLucky.stop(arr[0]) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // },2000) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setTimeout(()=&gt;{ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.$emit('setResult', this.resultobj) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },2000) &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; error:(e)=&gt;{ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.$toast(e.error) &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; }) //如果放到这里是可以的 &nbsp; &nbsp; &nbsp; // setTimeout(()=&gt;{ &nbsp; &nbsp; &nbsp; // &nbsp; this.$refs.myLucky.stop(0) &nbsp; &nbsp; &nbsp; // },1000) &nbsp; &nbsp; },

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人: "buuing/lucky-canvas" ***@***.***&gt;; 发送时间:&nbsp;2022年8月18日(星期四) 晚上6:34 ***@***.***&gt;; ***@***.******@***.***&gt;; 主题:&nbsp;Re: [buuing/lucky-canvas] 想问一下在vue2中用axios请求成功后在success函数里面调用停止函数，动画会立即停止，而且指针位置也不对，不放在请求里面就没事 (Issue #314) 可否在 这个demo里 用定时器模拟复现一下这个bug吗 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***&gt;

[buuing]

我就这么说, 100%是你代码的问题, 如果是这个包的旋转逻辑有问题, 这个项目每个月上千的下载量, 早炸锅了, 你还是仔细检查你的代码吧