[Vue 警告]:找不到元素 — 呈现空容器
我正在尝试学习 Vue 2 框架，但遇到了这个错误.我有以下脚本负责我的应用程序的功能: main.js 从'vue'导入Vue从 'vue-router' 导入 VueRouter从 'vue-resource' 导入 VueResource从'./App.vue'导入应用程序从'./components/Posts.vue'导入帖子从“./routes/routes"导入路由Vue.c
..
vue-router相关内容
在Enter之前将数据传递给路由的组件
我有以下 VueRouter 路线 {路径:'/playlists/:id',name: '视频',组件:视频，道具: {视频:[]},beforeEnter(到，从，下一个){Vue.axios.get('/playlistitems?playlistId='.concat(to.params.id)).then((响应) => {to.params.videos = response.dat
..
单击 Vue 中的“关于"页面后，我丢失了数据
我安装了一个 Vue 路由器和两个页面:Home 和 About.一切正常，但是当我点击 About 页面然后返回时，来自 Home 页面的数据消失了.页面没有重新加载，我只是在路由页面之间移动.道具被传递给组件.哪里出错了?为什么点击About页面后数据没有保存在组件中? 解决方案 这个问题已经解决了.使用了 Vuex.
..
Vue - 只有在第一个完成后才调用异步操作
我需要从我的组件内部调用 2 个操作，但第二个应该只在第一个 100% 完成工作后才开始. 我正在尝试这个，但它不起作用 mounted() {this.$store.dispatch('coinModule/loadApiCoins').then(() => {this.$store.dispatch('coinModule/loadUserCoins')}).catch(错误=> {控
..
每次更新路由时调用一个函数 vue.js
我在我的应用程序中集成了对讲机，每次我的 url 更改时，我都需要调用 window.Intercom('update');. 我知道我可以将它添加到 mounted() 但我宁愿不修改我的所有组件而是直接使用 导航守卫.(主要是为了避免在10个不同的地方有相同的代码. 目前我有: router.afterEach((to, from) => {eventHub.$off();//我
..
如何使 json 数据可用于我的 Vue 动态路由
我有一个 List 组件，我可以从 db/blogs.json 获取我的日期: created() {fetch('http://localhost:3000/blogs').then(响应 => {返回 response.json();}).then(数据=> {this.blogs = 数据；})}, 在我的 BlogDetail.vue 中，我有: 导出默认{数据:() =>{返回 {
..
Vue 路由器和 webpack - 历史模式配置 localhost
基本上，我使用 Vue cli 和 webpack 模板，我需要在 vue 路由器中使用历史模式，但我使用参数作为路由. 我阅读了这个文档:https://router.vuejs.org/en/essentials/history-mode.html我也看这个帖子:开发服务器Vue.js中的vue路由器(历史模式)问题 - “无法获取/配置" 所以我将 webpack.dev.con
..
Vue Router - 从 JSON 构建
我对 Vue.js 很陌生.我习惯了普通的 JavaScript. 我需要能够从 JSON 文件生成路由路径. 我怎样才能实现它? 编辑 例如，假设这是我的 JSON: [{"name": "产品 1","url": "product-1",},{"name": "产品 2","url": "product-2",}] 我基本上需要 Vue Router 将 URL/pro
..
抽屉子链接中的“Vuetify Material Dashboard"问题
我正在使用(Vuetify Material Dashboard)免费版本，我在添加子链接时遇到了问题，并且指令有问题..问题如下.. 这是抽屉代码:
..
页面刷新时的 Vue 路由器得到 404
我在历史模式下使用 Vue 路由器.在按钮上单击当前页面，我将其路由到下一页.在我重新加载的第二页上，我收到 404.有没有办法在 Vue 中处理这个问题并将其重定向到主页. 导出默认的新路由器({模式:“历史"，路线:[{小路: "/"，name: "第一",组件:第一},{路径:“/abc"，名称: "abc",组件:第二，道具:真实}, 解决方案 你可以使用hash模式嵌套历史模式来解
..
如何在 vue 路由器中传递道具
大家好，到目前为止，我一直在尝试在 vue 路由中传递道具，我能够在下面实现这一点，但这不是我想要的. 目前有效 route.js {路径:'/注册/'，name: '注册',组件:需要('./views/Login').默认，} home.vue
..
组件之间的 vuejs 路由滚动相同
路由视图会显示两个组
..
Vue路由器-通过博客中的下一个/上一个帖子链接更改动态路由时触发刷新
我对 Vue 比较陌生，我正在开发一个投资组合网站，该网站的结构基本上像一个博客，每个项目都有单个/详细信息视图，即 SingleProject.vue 并链接使用基于 slug 名称的动态路由，即 path:“/projects/:project_name_slug".在模板中，我使用 Axios 从 CMS 请求 JSON 数据，并通过 fetchPosts() 函数将数据传递给 post 变
..
Firebase signInWithEmailAndPassword 在 vue.js 中不起作用
我正在尝试让登录部分在我的 web 应用程序上工作，但它无法正常工作.每当我按下登录按钮时，页面要么刷新并且 url 使用凭据更新并保持在同一页面上，要么路由器被推送并转到“主页"而无需用户登录. 我也参考了本指南:https://blog.logrocket.com/vue-firebase-authentication/ 奇怪的是，注册部分运行良好. SignIn.vue
..
如何在 vue-router 中保护 '/login' 或 '/login/'，以及 '/dashboard' 或 '/dashboard/'
我正在使用 vue-router 在我的系统中设置 routeguard，如果用户尝试在 URL 中输入/login 或/login/时有令牌，则将用户重定向回仪表板，反之亦然，如果他们没有令牌. router.js router.beforeEach((to, from, next) => {if (to.fullPath === '/dashboard/') {如果(！store.st
..
Gridsome + Wordpress 源插件 - 如何按月和年添加存档路由
我必须向基于 Gridsome(Wordpress 作为数据源)的博客添加一个存档小部件.像这样的标准功能: 我使用静态查询获取帖子: query Home($page: Int) {allWordPressPost(页面:$page){页面信息{总页数当前页面}边{节点{日期(格式:“YYYY-MM-DD")ID标题小路}}}} 接下来在月钩上，我按年份和月份将数据分组到这样的输出:
..
Vue - 将参数作为道具传递给路由是未定义的
我正在将参数从组件传递到命名路由: ({球员:[]，游戏:[]}),安装(){控制台日志(this.id)；}} 挂载方法中的日志返回undefined. 但是，当我在 TeamInfo 组件中查看 Vue dev-tools 时，我可以看到两个 props 都未定义，但填充了 params. 我希望能够使用组件中的道具并使用团队 ID 填充 URL. 解决方案 您必须使
..
根据 Vue-Form-Wizard 中当前步骤中的选择动态加载组件
我正在尝试根据当前步骤中的选择动态加载组件.例如，用户在第一步有 3 个选择，如果他选择了一个，则组件 One 将在第二步加载，依此类推.问题是这里有可能做这样的事情吗?如果是怎么做? 解决方案 您只需要在下一步中使用 v-model 单击选项后检查单选按钮的值.它使用 v-if，因此未选中的组件将不会呈现. 检查这个.我还没有测试过，但看起来像这样.
..
无法访问我的站点中的链接(复制和粘贴):Node.js - Express.js - Webpack - Vue.js - historymode
我最近创建了一个基于 Node.js、Express.js 和 Vue.js 的网站，并在历史模式下使用路由器和 Webpack.由于是单页应用程序，我安装了 express-history-api-fallback 并且到目前为止它工作得很好但是(一如既往地有但是)由于某些原因我不理解某些网址，我得到了一个白页以及一些错误，例如: Uncaught SyntaxError: Unexpecte
..
如何使用商店 getter 在 b-nav-item 中传递传递 pramas?
我的路线是这样的—— {路径:'/user/:uid/myorders',name: '我的订单',组件:() =>import(/* webpackChunkName: "user-orders" */'./admin/UserOrdersPage.vue'),元: { requiresLogin: true },beforeEnter: (to, from, next) =>{checkF
..