created(){ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); const code = urlParams.get('code'); userLogin3({ params: { code: code } }).then((res) => { alert(code) console.log(res) }); }, mounted() { this.name = window.name; // 获取请求域中的name属性值 alert(this.name) this.avatarUrl = window.avatar_url; // 获取请求域中的imageUrl属性值 }为啥我这样写,弹窗限制性的是mounted中的
时间: 2023-11-28 18:48:00 浏览: 31
根据你提供的代码,弹窗限制性的原因可能是因为`mounted()`函数在页面渲染完成后才会执行,而`created()`函数在实例创建后立即执行。所以在`mounted()`函数中,`this.name`和`this.avatarUrl`可能还没有被赋值,导致弹窗中显示的是`undefined`。而在`created()`函数中,`code`已经被赋值,所以弹窗中显示的是`code`的值。
如果你想在`mounted()`函数中弹出正确的值,可以使用`this.$nextTick()`方法,在页面渲染完成后再执行弹窗操作。例如:
```
mounted() {
this.name = window.name;
this.avatarUrl = window.avatar_url;
this.$nextTick(() => {
alert(this.name);
});
}
```
这样就可以确保在页面渲染完成后再弹出正确的值。
相关问题
const routes = [ { path: /NavigationStation?setId=${setId}&deviceId=${deviceId}&sessionId=${sessionId}&night_mode=${nightMode}怎么获取路径参数
你可以使用 JavaScript 中的 URLSearchParams 对象来获取路径参数。下面是一个例子:
```javascript
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const setId = urlParams.get('setId');
const deviceId = urlParams.get('deviceId');
const sessionId = urlParams.get('sessionId');
const nightMode = urlParams.get('night_mode');
```
这里,我们首先使用 `window.location.search` 获取查询参数字符串,然后创建一个 URLSearchParams 对象来解析参数。最后,我们可以使用 `get` 方法来获取每个参数的值。注意,URLSearchParams 对象获取参数时区分大小写。
js获取url中部分内容
要获取URL中的部分内容,可以使用JavaScript中的正则表达式和字符串方法来提取。例如,如果要获取URL中的查询参数,可以使用以下代码:
```javascript
// 获取URL中的查询参数
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
// 获取特定查询参数的值
const paramValue = urlParams.get('paramName');
```
如果要获取URL中的路径部分,可以使用以下代码:
```javascript
// 获取URL中的路径部分
const pathName = window.location.pathname;
```
如果要获取URL中的主机名和端口号,可以使用以下代码:
```javascript
// 获取URL中的主机名和端口号
const hostName = window.location.hostname;
const portNumber = window.location.port;
```
以上代码都是使用JavaScript内置的window.location对象来获取URL相关的信息。