geetest-mixin.js设计的比较灵活，它可以允许你在任何时机初始化极验。但在项目中推荐在需要使用到的时候再初始化，1来可以节省流量；2来可以提升页面性能；3是最重要的一个点，在单页面应用程序中都是通过接口来访问数据的，而接口都有过期时间，如果组件初始化完成就立即初始化极验，而用户在接口过期后再去操作则会出现一些奇葩的bug
4、多语言项目中用户手动切换语言的问题
由于单页面应用程序切换语言后页面不会刷新，所以就会出现页面语言已经切换了，但极验还是使用的原来的语言。我的解决方案就是在用户切换语言后手动的刷新一下极验
{ watch: { get_lang(lang){ let options = this.geetest.geetestOptions; // 如果开启了语言切换自手动刷新极验，并且极验已经初始化了则刷新。如果极验都还没有初始化则可以不用去刷新 if(options.autoRefreshOnLangChange && this.geetest.geetestObj){ this.initGeetest({ ...options, lang: lang.code }); } } } }
5、关于点击按钮时按钮loading效果的控制
如《效果预览》图中的获取验证码loading效果控制，可以通过geetest.geetestLoading来进行判断