Vue的学习--遇到的一些问题和解决方法(二)

1、关于图片路径问题

1、关于图片路径问题

在.vue的html中可以直接使用相对路径,但是从浏览器后台可以看出,最后路径是自行做了替换的。如果需要在js文件中使用,则需要自己使用require进行替换。

  在js文件中使用require对相对路径进行替换:

import $ from 'jquery'
function showimg1 (url) {
  console.log('showimg1')
  var msg = $('.home>.msg')
  msg.append('<div>\n' +
    '      <img class="myimg" src=' + require('../../assets/img100.jpg') + '/>\n' + /*替换路径*/
    '    </div>')
}
export {
  showimg1
}

猜你喜欢

转载自www.cnblogs.com/liwxmyself/p/11387807.html