小编Emi*_*jer的帖子

Vue + Typescript vue-router 和参数类型

我正在尝试将一些数据从一个组件发送到另一个组件,但我遇到一些类型问题。这是我的代码:

const someData: object = {
   param1: 'param1',
   param2: 'param2',
   array: [{},{}]
}
this.$router.push({ name: 'SomePage', params: { someData } }) 
Run Code Online (Sandbox Code Playgroud)

我这样获取数据:

  get param1 (): string {
    return this.$route.params.someData['param1']
  }
  get param2 (): string {
    return this.$route.params.someData['param2']
  }
  get array (): Array<object> {
    return this.$route.params.someData['array']
  }
Run Code Online (Sandbox Code Playgroud)

以及来自控制台的错误:

Argument of type '{ name: string; params: { someData: object; }; }' is not assignable to parameter of type 'RawLocation'.
  Type '{ name: string; params: { someData: object; }; }' is not assignable …
Run Code Online (Sandbox Code Playgroud)

parameters typescript vue-router

7
推荐指数
1
解决办法
2万
查看次数

如何在 Nuxt.js/Vue.js 应用程序中设置 X-Frame-Options

我想在标签元素内加载网页iframe。

例如: <iframe src="https://www.google.com/" title="Google"></iframe>

这给了我这个错误: Refused to display 'https://www.google.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

如何在 Nuxt.js 应用程序(或 Vue.js - 它应该是非常相似的配置)中解决这个问题?我尝试使用 nuxt-helmet,但根据 dosc,我可以使用DENY或SAMEORIGIN,因为ALLOW-FROM的浏览器支持有限。

javascript x-frame-options vue.js nuxtjs

5
推荐指数
0
解决办法
5905
查看次数