vue获取后台图片验证码,并点击刷新验证码


<--url为需要访问的接口地址-->

<
span style="display: inline-block;width: 130px;height: 53px;border: 1px solid #D7D7D7;" @click="changeImgCode"> <img :src="imgCode" style="width: 100%;height: 100%;cursor: pointer;"/> </span>
<script>
    export default {
        data() {
            return {
                imgCode: 'url'
            }
        },
        methods: {
                        // 点击图片修改图片src
            changeImgCode() {
                var num=Math.ceil(Math.random()*10);//生成一个随机数(防止缓存)
                this.imgCode = "url?" + num;
            },
                }
        }
</script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM