javascript - 除了计算之外的任何其他方式来存储 Vue 路由参数,使得引用无法修改

标签 javascript vue.js vuejs2 vue-component vue-router

我有一个 Vue 组件,我需要在其中获取路由参数并在几个 XHR 请求中传递它,并且可能也需要在其他地方使用它。起初我以为我会将其存储为 data 属性,但从技术上讲,有人可以修改它。

然后我想,由于我正在显示的屏幕的路线不会改变(路线的更改可能会导致另一个屏幕或 404),我可以将其设为计算的,它永远不会重新- 计算,因此以下内容实际上创建了一个可以根据需要作为 this.ID_A 引用的常量。还有其他方法可以实现类似的效果吗?

computed: {
    ID_A() {
        return this.$route.params.id_a;
    }
}

最佳答案

您可以设置 vue-router 将参数作为 props 传递给组件:https://router.vuejs.org/guide/essentials/passing-props.html

关于javascript - 除了计算之外的任何其他方式来存储 Vue 路由参数,使得引用无法修改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58220530/

相关文章:

vue.js - 如何在子事件发出的事件中捕获父组件事件

javascript - 无法通过插件访问Vue.js全局函数

javascript - 选择元素 $(this).find() 不起作用

javascript - 如何在使用 JS 结束第一首轨道后自动播放另一首轨道?

javascript - 在客户网站上发现恶意代码

javascript - 如何访问子组件的方法?

javascript - Vue.js 使用计算属性来显示或隐藏组件的一部分

javascript - Input添加Tooltip报 `findDOMNode is deprecated in StrictMode`错误 - Ant Design

javascript - 如何从嵌套组件发出,同时保持引用函数外部变量的能力

vue.js - 如何在 vue.js 2 上循环对象观察器?