vue js 需求将{a:"1-2",b:null"} 转成 ["1-2"]
时间: 2024-03-30 10:31:26 浏览: 19
在Vue.js中,你可以使用计算属性和过滤器来实现将对象转换为数组的需求。下面是一个示例代码[^1]:
```javascript
<template>
<div>
<p>{{ obj | toArray }}</p>
</div>
</template>
<script>
export default {
data() {
return {
obj: { a: "1-2", b: null }
};
},
filters: {
toArray(obj) {
return Object.values(obj).filter(value => value !== null);
}
}
};
</script>
```
在上面的代码中,我们定义了一个名为`toArray`的过滤器,它接受一个对象作为参数,并使用`Object.values()`方法获取对象的所有值。然后,我们使用`filter()`方法过滤掉值为`null`的项。最后,我们在模板中使用`{{ obj | toArray }}`将过滤后的数组显示出来。
相关问题
vue3 引荐来源网址政策: strict-origin-when-cross-origin
引用:网站加载Referrer Policy: strict-origin-when-cross-origin是由于HTTPS和HTTP跨域问题导致的。如果网站使用的是HTTPS协议,而在提交表单、ajax或引用资源时使用了HTTP协议,就会触发这个问题。解决方法就是将HTTP协议更改为网站的HTTPS协议。
引用:在具体的例子中,有一个新手站长使用了jsdelivr的CDN来加速加载jquery.min.js,但最近突然变得很慢,甚至加载不出来。这是因为原网站是使用HTTPS协议,而加载的jquery是使用HTTP协议,所以触发了Referrer Policy: strict-origin-when-cross-origin的提示。
综上所述,Referrer Policy: strict-origin-when-cross-origin是一种引荐来源网址政策,它是为了防止HTTP和HTTPS协议之间的跨域问题而引入的。当网站使用HTTPS协议时,如果在提交表单、ajax或引用资源时使用了HTTP协议,就会触发这个政策。为了解决这个问题,需要将所有HTTP协议更改为网站的HTTPS协议。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [解决Referrer Policy: strict-origin-when-cross-origin](https://blog.csdn.net/yunweifun/article/details/130158104)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
Error: [BABEL] F:\web\vue\vue-nuxt\.nuxt\client.js: --- PLACEHOLDER PACKAGE ---
回答: 根据引用\[1\],你的请求到https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json失败了,原因是读取时发生了ECONNRESET错误。这可能是由于网络连接问题或服务器问题导致的。你可以尝试重新发送请求或检查你的网络连接。
根据引用\[2\],当你执行npm install -g create-nuxt-app时,你想要创建buxt文件,但是遇到了一个错误。错误信息显示create-nuxt-app.ps1文件无法加载,因为在你的系统上禁用了运行脚本。你可以参考提供的链接了解有关执行策略的更多信息。这个问题可能是由于你的系统设置或权限问题导致的。你可以尝试更改执行策略或以管理员身份运行命令来解决这个问题。
关于你提到的Error: \[BABEL\] F:\web\vue\vue-nuxt\.nuxt\client.js: --- PLACEHOLDER PACKAGE ---,这个错误信息并没有提供足够的上下文来确定具体的问题。请提供更多的错误信息或上下文,以便我能够更好地帮助你解决这个问题。
#### 引用[.reference_title]
- *1* *2* [nuxt.js搭建踩坑及各种报错问题解决方案](https://blog.csdn.net/qq_43429963/article/details/127495392)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)