Vue开发常见问题&踩坑(一)

1. 动态路由的参数变化时页面不会重新渲染

如果当前你在一个动态路由的页面,然后跳转到一个路径相同参数不同的动态路由页面是(只是数据发生改变),页面不行从新刷新渲染,数据不会改变。

解决方法:通过监听$route的变化从新渲染数据。

watch: {
    '$route': {
        // 1. 获取新数据
        // 2. 赋值新数据
        // 3. vue监听到数据变化,从新渲染页面
    }
}

2. 传值与传字面量

在vue的组件中传递数据

如果是单纯传递字面量,如

<hello result="success"></hello>

那么在hello中获取的props result的值就是“success”,父层的success的值改变,hello的值也会跟着改变。

如果希望进行值传递,需要在指令前加 ':' 冒号,如

<hello :name="name" :number="23" :isMan="true"></hello>
<script>
    export default {
        data () {
          return {
            name: '银永鑫',
          }
        },
    }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。