vue项目动态绑定img标签的src属性问题

废话不多说，直接上码
在项目中，遇到动态定src时图片不显示的错误方式如下：

<div class="qr">
   <img width="200px" height="200px" :src="qrcode" alt="">
 div>

<script>
export default {
  name: 'BlogExceptional',
  data () {
    return {
      payShow: false,
      radioAlipay: true,
      radioWechatpay: false,
      qrcode: '../../../assets/images/wechatpay.jpg'
    }
  }
script>



正确方式：
<div class="qr">
   <img width="200px" height="200px" :src="qrcode" alt="">
 div>

<script>
export default {
  name: 'BlogExceptional',
  data () {
    return {
      payShow: false,
      radioAlipay: true,
      radioWechatpay: false,
      qrcode: require('../../../assets/images/wechatpay.jpg')
    }
  }
script>