草庐IT

Vue-router

全部标签

javascript - 未捕获的 TypeError : (0 , _reactRouter.withRouter) 在 react-router 2.4.0 中以编程方式导航到路由时不是函数

我正在使用react-router2.4.0并想以编程方式链接到另一条路线(我在使用之前所做的)。这在SOpost中有很好的解释他们在2.4.x中说的地方你应该使用withRouter的装饰模式,所以我使用以下代码:import{withRouter}from'react-router'//furtherimportsomittedclassCreateJobItemFormRawextendsReact.Component{...}constCreateJobItemForm=withRouter(CreateJobItemFormRaw)exportdefaultCreateJob

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path

javascript - 我可以修改 Vue.js VNodes 吗?

我想为child分配一些属性和类VNode通过data目的。那只是有效。但是在我的Vue.js调查中,我没有看到使用这种模式,这就是为什么我认为修改children不是一个好主意VNode的。但这种方法有时会派上用场——例如,我想为默认插槽中的所有按钮分配aria-label属性。请参见下面的示例,使用默认的有状态组件:Vue.component('child',{template:'Myroleis{{$attrs.role}}',})Vue.component('parent',{render(h){const{default:defaultSlot}=this.$slotsif(

javascript - 在 kadira :flow-router for meteor 上使用 react-router 有什么好处

我是meteor的新手并且有反应。我一直在寻找使用meteor和React开发基于投票的项目的最佳实践。我试图在互联网上找到的问题之一是在meteor中使用两个路由器选项之一的利弊。kadira:flow-router似乎很容易实现,但我在github上看到很多项目都实现了react-router。关于meteor的两个路由器包的比较有什么想法吗? 最佳答案 如果你专注于MeteorwithReact,我推荐flow-router。如果没有,请选择react-router或redux-router(用于redux)。不得不说,rea

javascript - 如何在 Vue (Typescript) 中使用 axios?

我想在vue(Typescript)中使用axios,但我的代码遇到了麻烦。这是我的main.tsimportaxiosfrom'axios'Vue.prototype.$axios=axiosaxios.defaults.baseURL='http://192.168.1.225:8088'这是我的vue代码screenshothere这是我第一次使用typescript,之前我在javaScript中用过其他方式,我没有任何问题,那么我如何在TypeScript中使用它呢?感谢您抽出时间提供解决方案。 最佳答案 我这样做并且在m

javascript - ui-router延迟加载状态使用url

我正在尝试查看是否可以使用ui-router通过实现状态的延迟加载将状态设置委托(delegate)给我的应用程序的子组件。虽然我设法使用$state.go或等价物让延迟加载部分工作,但我无法使用URL让它工作。例如,在启动时,我的应用只会设置以下两种状态:view1和view2。当加载view1状态时,它会设置自己的子状态:view1.profile和view1.interest。查看来自Gist的示例站点:http://bl.ocks.org/marcoslin/raw/b59cfa9a9a44bde04f9f/正如您将从上面的示例中看到的,View1Profile在启动时不是有效

javascript - React Router v4 NavLink 主动路由

我正在尝试将我的项目从使用v3的react-router移植到现在称为react-router-dom的v4。现在,当我有一个MenuBar组件时,问题就出现了,它与路由逻辑完全分开(如您所料),因为无论当前路径是什么,它都会显示完全相同的链接。现在这与v3一起工作得很好,但现在当我使用具有相同activeClassName属性的NavLink时,事件路线不会在NavBar上更新,仅在刷新。这似乎有点愚蠢,所以一定有办法解决这个问题。exportdefault@inject('ui')@observerclassAppextendsComponent{render(){return()

javascript - Vue Js如何在单文件模板中使用mixins?

大家好,我是VueJS的新手,我正在尝试使用单个文件模板在我的过滤器上使用mixin,但我遇到了一些困难我得到的错误Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.组件.jsVue.component('sideBarOne',require('./component/sidebars/sideBarOne.vue'));sideBarOne.vueimport{defaultasconfig}from'..

javascript - Vue.js : "TypeError: Cannot set property props of#<Object> which has only a getter"

我正在尝试实例化一个Vue组件,但出现错误:[Vuewarn]:Errorinrender:"TypeError:Cannotsetpropertypropsof#whichhasonlyagetter"(foundin)我也在使用库vuedraggable但我认为这个问题更多的是Vue问题而不是vuedraggable问题。下面是我的代码。这里是draggable-list.vue可拖动列表.jsconstdraggable=require("vuedraggable");module.exports={name:"draggable-list",components:{dragga

javascript - Vue.js - 应该使用哪个组件生命周期来获取数据?

在阅读了Alligator.io的一篇关于Vue的帖子后,它说挂载的生命周期不适合使用httpget。我想知道是否有关于如何在Vue.js中正确地从API获取数据的指南? 最佳答案 我更喜欢在创建的钩子(Hook)中调用API。引自alligator.io:Inthecreatedhook,youwillbeabletoaccessreactivedataandeventsareactive.TemplatesandVirtualDOMhavenotyetbeenmountedorrendered.因此,如果需要,您可以轻松访问数据