（三）vue开发 - vue开发注意

最新推荐文章于 2024-10-25 15:45:58 发布

原创

最新推荐文章于 2024-10-25 15:45:58 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

本文列举了在Vue开发过程中可能遇到的一些问题及其解决方法，包括：使用`document.getElementById`时避免与`v-if`结合，处理ECharts隐藏后变形，初始化数组避免模板报错，解决URL参数被#截断的问题，处理Swiper滚动空白，以及表单信息回填与路由缓存的管理。同时提到了`keep-alive`组件下如何确保某些方法在每次进入页面时执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.如果需要使用

document.getElementById(“xxx”)

去获取Dom元素，不能给此元素设置v-if,否则获取不到会报错

2.如果使用到了echart并且在特定条件下需要隐藏echart，请默认设置echart为显示的，再让echart

display:none;

否则echart显示会变形

3.如果data里面有数组，并且在html模板里有此数组的遍历，请在data里给数组赋值 list:[], 否则会提示报错

export default {
    name: 'app',
    data () {
        return {
            list:[]
        }
    },
    mounted(){
    },
    methods: {
    }
}

4.使用vue传递的一个url ，例如

最低0.47元/天解锁文章

200万优质内容无限畅学