今日笔记之20221114

1.vue中刷新页面，echarts图表不显示问题？

 <div id="myChart"></div>
<script>
export default {
  data(){
    return {
      myChart: {}
    }
  },
  mounted:{
    this.init();
  }
  methods: {
    init(){
      const myChart = document.getElementById('myChart');
      myChart.removeAttribute('_echarts_instance_'); // 需要手动删除 _echarts_instance 属性，让他重新自动生成。
      this.myChart = echarts.init(myChart);
      const options = {...};
      this.myChart.setOption(options);
    }
  }
}
</script>

2.vue项目中使用a标签跳转页面？

vue有两种路由模式，一个叫hash, 一个叫history。默认是hash模式，地址栏带 # 号。

使用 <router-link>跳转路由，其本质是使用 a标签进行跳转。
例如：
   history模式： <router-link to='/about'>about</router-link>  相当于  <a href="/about">about</a>
      即使用 href="/xxx" 进行跳转
   hash模式：    <router-link to='/about'>about</router-link>  相当于  <a href="#/about">about</a>
      即使用 href="#/xxx" 进行跳转
      注意： xxx就是跳转路径。

 3.随机生成id

/**

 * 生成一个不重复的ID
 * @param { Number } randomLen
 */
function getUid(randomLen){
  return Number(Math.random().toString().substr(2,randomLen) + Date.now()).toString(36)
}
或者:
const id = (Math.random() + new Date().getTime()).toString(32);

参考链接：

     https://blog.csdn.net/wswq2505655377/article/details/124501115

     https://www.cnblogs.com/chenzibai/p/15927423.html