草庐IT

Vue-router

全部标签

javascript - React-Router-Redux 和 React-Bootstrap

我已经和这个问题斗争了一段时间了!我想拥有始终带有Logo、导航的“主应用程序容器”...我想使用react-bootstrap来美化它。目前我遇到了问题,我的项目基于davezuko的“react-redux-starter-kit”我试着把我所有的Bootstrap和在提供程序内的Root容器中。一切都显示出来,看起来不错,但我的链接都不起作用,当我放置一个常规的react路由器时我会遇到同样的问题。我想,嗯,链接在路由调用的View中工作,所以我在之后将所有这些复制到路由中导出默认值(商店)=>(Babel、eslint和webpack允许编译,但是当我运行页面时,这些都没有显示

javascript - 将 SignalR 与 Vue.js 和 Vuex 集成

我们目前正在开发一个基于vue-cliwebpack模板的投票应用程序。由于我们希望以一致且可维护的方式存储和操作我们的投票状态,因此我们打算使用vuex进行状态管理。前后端的交互是基于websockets的,我们想用signalr,因为在之前的项目中已经证明它非常好。由于我们是vue.js的新手,我们需要一些如何将signalr、vuex和vue.js完美集成在一起的建议。让我们描述一下场景:前端从我们的后端获取一个事件以识别投票事件处于事件状态并且可以接收选定的答案。一段时间后,我们通知前端结果可用并将其显示给用户。在某些情况下,我们可能会进行另一次投票。重要的是我们能够断开连接以

javascript - 将单文件 .vue 组件转换为 JavaScript?

是否有一个工具可以采用这样的.vue模板:Hello,{{thing}}exportdefault{data(){return{thing:'World'};}}div{background:red;}并将其转换为.js文件,如下所示:exportdefault{template:`Hello{{thing}}`,data(){return{thing:'World'}}}(不确定它对CSS有什么魔力,但它会做一些事情。)我正在尝试使用native浏览器模块,效果很好,但我想使用.vue文件语法,因为它提供了一些不错的东西。我想避免使用像Webpack或Browserify这样的bun

javascript - Durandal 2.0 router 你能把#换成#吗!用于 ajax 网络爬虫目的?

是否可以替换Durandal2.0中的默认路由器行为以替换默认路由,例如:'mysite.com/#/myroute'为'mysite.com/#!/myroute'原因是为了为了让googlespider检测到该页面是ajax可爬网的,我需要在url中插入一个hashbang而不仅仅是一个hashtag。任何帮助将不胜感激。谢谢! 最佳答案 据我所知,在Durandal2.0中你无法做到这一点。router和history插件不支持这个,而且这不是一个简单的修复,因为代码中有一些地方依赖于#.但是,我认为这在您的场景中不是问题。也

javascript - React-Router - 未捕获的类型错误 : Cannot read property 'route' of undefined

尝试将reactrouterv4与redux一起使用并遇到此错误,似乎是在遵循文档,但在任何地方都找不到任何信息,所以我不知所措:UncaughtTypeError:Cannotreadproperty'route'ofundefined这是我的代码:importReact,{Component}from'react';import{BrowserRouterasRouter,Route,Link,withRouter}from'react-router-dom'importMenufrom'./Menu';import{connect}from"react-redux";import

javascript - React Router 的 HashRouter 重定向到 <base> 标签 url

我有非SPA服务器端应用程序和仅限于当前页面的React应用程序,/some/static/page.应用程序有在在所有页面上并依赖于它,这是无法更改的。这是React16、ReactRouter4和的基本示例:exportclassAppextendsReact.Component{render(){return();}}出于测试目的,可以禁用所有路由,但这不会改变行为。Hereiscreate-react-appproject这表明了问题。复制它的步骤是:npminpmstart导航到http://localhost:3000/some/static/pageHashRouter明

javascript - Vue.js/Vuetify - 根据另一个选择过滤选择数据

如何过滤数据以根据另一个选择的选择填充一个选择?比如,我从一个选择中选择一个州,第二个选择加载了该特定州的所有城市。我使用vue.js和vuetify作为框架(带有v-select组件)。我尝试设置一个计算属性,但即使我从第一个选择中选择,第二个也不会加载数据。HTMLVue.use(Vuetify);varapp=newVue({el:'#app',data(){return{items:{home_id:null,},support:{home_province:'',},options:{opt_province:[{text:'BritishColumbia',value:1}

javascript - 在 React-Router 中将状态作为 Prop 从父级传递给子级?

过去几天我一直在使用React-Router,我非常喜欢它!我一直遇到的一个问题是我找不到将状态从父组件传递到子组件的最佳方法。我一直在查看一些堆栈溢出和博客文章,但我似乎无法找到我想要的东西。这是一个关于我正在寻找的东西的非常简单的例子。classAppextendsReact.Component{constuctor(props){super(props);this.state={name:"helloworld",lastname:"worldhello"};}render(){//SOMETHINGLIKETHISWOULDBEPREFFEREDif(this.props.ch

javascript - mounted() 仅在组件 Vue.js 上运行一次

我有两个使用v-if有条件地渲染的组件:我在mounted()下有两个组件的加载动画,我只想在第一次加载它们时运行。但是对于已安装的组件,每次当this.mode更改时重新创建组件时,动画都会再次触发。我怎样才能避免这种情况? 最佳答案 您可以将您的组件包装在一个keep-alive元素中.. 关于javascript-mounted()仅在组件Vue.js上运行一次,我们在StackOverflow上找到一个类似的问题: https://stackoverf

javascript - 使用 Jest 和 Enzyme 测试 react-router v4

我有一个简单的应用程序,他们使用react-routerv4constApp=()=>(Home}/>Profile}/>Help}/>);和测试jest.dontMock('../App');importReactfrom'react';import{MemoryRouter}from'react-router-dom';import{shallow}from'enzyme';importAppfrom'../App';describe('',()=>{constwrapper=shallow();console.log(wrapper.html());it('rendersasta