我正在使用vue-meta动态更改我的元标记.我想仅在某些特定页面上更改它.
我正在使用metaInfo函数并尝试更改,例如,标题.但是来自我的getter的数据是未定义的,这就是我无法更改元标记中的标题的原因.似乎metaInfo函数尝试在组件实际拥有它之前访问数据.
这是我在组件中的代码:
<template>
...
</template>
<script>
export default {
metaInfo() {
return {
title: this.getViewPage.data.meta.title, // data is undefined
};
},
created() {
this.loadViewPage();
},
computed: {
...mapGetters(['getViewPage']),
},
methods: {
...mapActions(['loadViewPage']),
};
</script>
Run Code Online (Sandbox Code Playgroud) 我的应用程序中有从API获取的通知。每个通知都有一个参数“ notification_type”。通过单击通知,可以根据notification_type将用户定向到具有不同内容的不同页面。在通知的组件中,我具有路由器链接,该链接必须指向不同的组件(用户页面)。
<template>
<div>
<router-link to="/#">
<p>
<span v-html="item.message"></span>
</p>
</router-link>
</div>
</template>
<script>
export default {
props: ['item']
}
</script>
Run Code Online (Sandbox Code Playgroud)
我以为不是'/#'我需要传递一个带有条件的函数。例如,如果notification_type等于“ user_subscribed”,那么该用户将被定向到关注者的页面。如果notification_type等于“ comment_created”,则将向用户发送带有评论的帖子页面。我了解逻辑,但是我正在努力实现这一点。
我有这个功能:
getLabels(state) {
const labels = [];
if (state.report.data.report) {
for (const key in state.report.data.report) {
labels.push(key);
}
}
return labels;
},
Run Code Online (Sandbox Code Playgroud)
你能解释一下我应该用我的函数做什么来避免 ESLint 检测到错误吗?它建议在 if 语句中包装 for.. 以从原型中过滤不需要的属性并使用 Object.{keys,values,entries} 进行迭代。
我使用.NET Core进行锻炼,并承担了使用数据提供程序(例如OpenWeatherMap)为前端(我正在使用Vue.js)创建端点的任务。我确实知道如何直接与该提供程序联系并使用Axios发送请求。但是,如何使用.NET Core 2.2做到这一点?目前,我的项目文件夹中有两个目录,分别运行Vue.js前端和.NET Core后端。我想我必须创建某种变量aka,baseApiUrl然后将OpenWeatherMap的url分配给它,但是我不太明白该在哪里进行。