偶尔的小收获（前端）

1、img标签动态添加src

  <img :src="require('../../assets/images/' + this.ImgSrc)" alt="" />

  data() {
    return {
      ImgSrc: "1.jpg",
    };
  },

重点：:src="require('../../assets/images/' + this.ImgSrc)"

 

 2、canvas中img.src出现的图片不显示问题

问题描述：在写canvas文件时，使用img.src后图片无法显示，打印的结果如下图：

 

 

正常情况下的打印结果如图:

 

 如图所示，在网页中图片的路径不一样。解决方法：

方法一：

首先

 

 

 然后

 方法二（require）：

 

 

 效果如图：

 3、vue跳转到外部链接

 window.open(url,'_blank') // 在新窗口打开外链接
 window.location.href =url;  //在本页面打开外部链接

 4、overflow:scroll
这玩意儿尽量使用auto，原因如下

overflow:scroll：

 

overflow:auto：

 5、关于接口

错误用法：

this.$axios.get(url).then(res => {//内容})
   

正确用法：

this.$axios.get(url).then(res => {  if (res && res.data.success) {//内容 } else {//内容}}).catch(err => {//内容});

ps：也就是说不要只是简单的把res打印出来，而是在then里面加一个对res数据是否success的判断，如果success，那么执行你的方法，反之返回报错信息。这样子可以避免在接口因出现错误导致没有获取数据的时候可以清楚的知道哪里出现了错误而不是啥也

不显示