草庐IT

Vue-router

全部标签

javascript - React Router V4 正在更新 URL,但不刷新(React、Redux)

我正在尝试使用React-RouterV4将路由添加到我的应用程序,但它根本不起作用。基本上,我正在尝试使用history.push以编程方式更改路由,这会更新浏览器URL,但不会更改实际应用程序中的任何内容。注意:我正在使用redux。关于这个问题唯一回答的问题是:Reacthistory.push()isupdatingurlbutnotnavigatingtoitinbrowser但是,我已经尝试了上述问题的答案,但它对我不起作用。以下是重要的片段:最顶层文件(index.js)...ReactDOM.render(,document.getElementById('root')

javascript - Vue router 路由的安全性

我现在正在学习Vue2周,但我找不到这个关于路由安全性问题的答案。当我在Vue中使用元字段和路由守卫保护路由时,就像在考试中一样,我想知道客户端如何才能看到组件仍然存在。constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{requiresAuth:true}}]}]})router.beforeEach((to,from,next)=>{//checkifauthenticatedbyjwtfromstoreo

javascript - AngularJs 和 Angular-UI-Router 路由权限

我面临着如何根据从服务器获取的远程数据实现路由限制的问题。假设我有以下配置文件:angular.module('myApp').config(['$stateProvider',function($stateProvider){$stateProvider.state('post',{url:'/post/:post_id',abstract:true,[...]}).state('post.view',{url:'/view'[...]}).state('post.edit',{url:'/edit'[...]})}]);我的申请要求是:一个帖子有一个所有者(帖子的创建者),它的域可

javascript - 从数据库中删除后,Vue.js $remove 不删除元素

我正在使用Laravel并尝试学习Vue.js。我有一个正常工作的删除请求,并从数据库中删除了对象。问题是成功删除后它没有从DOM中删除。我正在使用$remove方法并将完整对象传递给它,所以我知道我遗漏了一些东西。作为旁注,我将main.js作为入口点,将PersonTable.vue作为组件。PersonTable.vue包含模板和该模板的脚本。这是我的LaravelView:这是我的`PersonTable.vue:PersonsListFirstNameLastNameEmailGender{{person.first_name}}{{person.last_name}}{{p

javascript - 另一个ajax中的vue js ajax正在获取数据但不呈现 View

有一种情况,我必须在vuejs中的第一个ajax(在mounted函数中)之后获取额外的数据,我将第二个ajax放在if条件中并且在第一个ajax的success函数中!它正在运行,我在chrome的VueDevtools中看到数据,但数据未在View中呈现。伪代码:varvm=newVue({el:'#messages',data:{participants:[],active_conversation:'',messages:[]},methods:{getParticipants:function(){returnthis.$http.post('message/get-part

javascript - 我可以在未注册的组件上构建 Vue.js 失败吗?

考虑以下组件模板......其中Unknown可能是全局注册的组件。在运行时,我会遇到这个信息性错误:[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.[...]但是,对于我的用例,我想强制在构建时不会发生此类事件。目前,vue-cli-servicebuild在这种情况下执行成功构建,然后在运行时显示错误(此时无用)。我很好奇是否有一种方法可以内省(introspection)地捕获这个潜

javascript - 对 Meteor iron-router 中的 this.next() 完全感到困惑

我升级到Meteor1.0,安装了最新的iron-router包,尝试运行我的应用程序并在我的控制台日志中收到这个很好的警告:Routedispatchneverrendered.Didyouforgettocallthis.next()inanonBeforeAction?所以我尝试根据新版本修改我的路由。this.route('gamePage',{path:'/game/:slug/',onBeforeAction:[function(){this.subscribe('singlePlayer',this.params.slug).wait();varsinglePlayer=

javascript - Angular 2 RC5 : No provider for Router

我在使用新的Angular2RC5路由器(路由器版本为RC1)时遇到问题。这是我从开发控制台获得的日志:EXCEPTION:Errorin/templates/app.component.html:2:0ORIGINALEXCEPTION:NoproviderforRouter!这是我的app.modules.ts的样子:import{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{FormsModule}from'@angular/forms';impor

Vue3 & app.use 与 install 函数的作用

1.app.use在vue3中,默认初始化vue的方式是这样的//src/main.jsimport{createApp}from'vue'importAppfrom'@/App.vue'constapp=createApp(App)app.mount('#app')exportdefaultapp如果我们需要引入vue-router则需要修改成比如这样//src/main.jsimport{createApp}from'vue'...++++++++importHomefrom'@/pages/Home.vue'import{createRouter,createWebHistory}fro

javascript - 使用 Vue-cli,我在哪里声明我的全局变量?

在大多数Vue.js教程中,我看到类似的内容newVue({store,//injectstoretoallchildrenel:'#app',render:h=>h(App)})但是我正在使用vue-cli(我实际上正在使用quasar)并且它为我声明了Vue实例,所以我不知道我应该在哪里说我想要store成为“Vue-wide”全局变量。我在哪里指定?谢谢 最佳答案 是的,您可以在入口点文件(main.js)中像这样设置这些变量:Vue.store=Vue.prototype.store='THISISSTOREVARIABLE