Vue3+elementplus遇到的常见问题

1.跳转同一个路由的时候，只是参数不一样页面不刷新，不会执行onMounted

尝试多种方案，包括watch等

最终解决方案：router-view 设置 key 属性为路由的完整路径

<keep-alive>
　　<router-view :key="$route.fullPath"></router-view>
</keep-alive>

eg:左侧菜单是接口返回的  

默认看板（/main/bordList）

默认看板2（/main/bordList）

这种自己凭借参数/main/bordList?看板的id--eg:/main/bordList?123

2.接问题1，它返回的看板ID妈的超过10位，接口返回的是经过处理的会丢失精度的问题（参考：https://zhuanlan.zhihu.com/p/691668170）

npm i json-bigint
通过 Axios 请求得到的数据都是 Axios 处理（JSON.parse）之后的，我们应该在 Axios 执行处理之前手动使用 json-bigint 来解析处理。Axios 提供了自定义处理原始后端返回数据的 API：transformResponse 。

import axios from 'axios'

import jsonBig from 'json-bigint'

var json = '{ "value" : 9223372036854775807, "v2": 123 }'

console.log(jsonBig.parse(json))

const request = axios.create({
  baseURL: '你接口的基础路径', // 接口基础路径
  timeout: 30000,
  // transformResponse 允许自定义原始的响应数据（字符串）
  transformResponse: [function (data) {
    try {
      // 如果转换成功则返回转换的数据结果
      const json = jsonBig({
        storeAsString: true
      })
　　console.log("jsonBig.parse(data)", json.parse(data));
　　return json.parse(data)

    } catch (err) {
      // 如果转换失败，则包装为统一数据格式并返回
      return {
        data
      }
    }
  }]
})

export default request

3.el-menu 最后一个菜单自动显示未省略号的问题

:ellipsis="false"这个加上就行了

4.手写select（甲方爸爸要图标）

5.手写的select点击页面其他地方不关闭下拉选项框

6.watch写法

7.路由跳转传参写法

8.