草庐IT

Vue-router

全部标签

javascript - 如何在 Microsoft IIS 上使用 react router (createBrowserHistory) 使路由正常工作?

我正在为我的React应用程序使用react-router(createBrowserHistory)。下面是我的代码varReactDOM=require('react-dom');varReactRouter=require('react-router');varRouter=ReactRouter.Router;varRoute=ReactRouter.Route;varLink=ReactRouter.Link;varbrowserHistory=require('react-router');varcreateBrowserHistory=require('history/l

javascript - 如何在 Vue Js 中使用字符串变量模式创建输入名称字段?

我使用VueJs,我需要提取javascript变量来生成隐藏字段。但我需要通过变量的索引来设置名称。我想使用之字形命名模式。喜欢,Javascript变量:vartest_template={0:{nb:2},1:{nb:1},2:{nb:4}};带有变量的Foreach以生成隐藏字段:这里,:name是一个用于访问vuejs值的动态实例。index是vuejs变量,但"segment"不是vuejs变量,它实际上是一个字符串。但我需要这个模式来生成输入数组。这可能吗?或者还有其他解决方案吗?提前致谢! 最佳答案 要通过索引创建具

javascript - Vue.js + 调用整页文档的点击事件

使用JQuery,可以捕获页面中任意项目的点击事件,如下所示。$(document).click(function(event){//event.targetistheclickedelementobject});如何用Vue.js做同样的事情? 最佳答案 answerprovidedbyMU是正确的并且有效。然而,如果您不喜欢弄乱您的模板(例如,不要在其中放置很多事件处理程序)或者您的Vue应用程序只是更大应用程序的一小部分,那么注册事件处理程序也是完全可以接受的手动。要在脚本中添加全局事件处理程序Vue方式,您应该在mounte

javascript - Vue js 在更改路由时重新渲染相同的组件

我有一个在登录和注册路径中都使用的身份验证组件。constroutes=[{path:'/',name:'home',component:Home},{path:'/signin',name:'signin',component:Auth},{path:'/signup',name:'signup',component:Auth}];例如,如果我在登录页面问题是如果我在文本输入中键入一些内容并转到注册,文本仍然存在,我如何强制组件重新初始化? 最佳答案 更好的方法实际上是将路由路径绑定(bind)到路由器View的键,即这样做会强制

javascript - 使用 Angular UI Router 从 URL 字符串获取状态

我在项目中使用基于状态的路由(AngularUIRouterv0.2.7),并寻找一种方法从给定的URL字符串获取当前状态(名称)。类似于:$state.get([urlString])returnsstateName:Stringorstate:Object我需要此方法来检查给定URL是否存在状态,因为并非所有URL都映射到我项目中的状态。使用PlayFramework作为后端,某些URL(例如,登录表单)未映射到状态,因为它们使用的模板与我的应用程序的Angular(主要)部分不同。对于那些“非Angular”页面(即未被状态覆盖),我会重新加载。要识别状态未涵盖的URL,我需要上

javascript - Angular UI Router - 嵌套路由不适用于具有嵌套状态的模板

这是我的代码:.state('profile',{url:'/profile',templateUrl:'views/user.html',controller:'UserCtrl'}).state('profile.forgot',{url:'/delivers',templateUrl:'views/user_forgot.html',Forgotyourpasword?当我点击链接时,在ui-view中出现了父状态的模板和Controller。AngularJS版本为1.2.0-rc.2 最佳答案 嵌套状态将在其父模板的ui-

javascript - 使用 vue-router 将查询绑定(bind)到 props

是否可以以声明方式将查询值绑定(bind)到props?我希望/my-foo?bar=my-bar传递Prop{foo:"my-foo",bar:"my-bar"}.我目前正在使用这样的东西:exportdefaultnewRouter({routes:[{path:"/:foo",name:"Foo",component:FooPage,props:route=>({foo:route.params.foo,bar:route.query.bar})}]});我正在寻找类似的东西:exportdefaultnewRouter({routes:[{path:"/:foo?bar=:ba

javascript - Vue Element.ui 树,发出重新加载事件

我在Vue上创建了一个SPA(类似于云盘),使用Element.uitree组件,以显示文件夹树。问题在于树本身并没有一次加载所有内容,而是在惰性修饰符的帮助下顺序加载。服务器部分是mongoose+mongoose-path-tree。mongoose-path-tree的使用意味着,接下来是数据库中的树存储方案:每个节点不知道其子节点,但子节点存储它们到根元素的完整路径:#root_id#subroot_id#...#parent_id#this_id问题是,如果用户对树进行了更改(加载文件、创建新文件夹等)并且服务器接受了它们,那么如何通知树它需要加载新数据。Elementui在

javascript - 检测查询参数 react-router-dom v4.x 的变化并重新渲染组件

我不太确定为什么在我更改查询参数后它会显示默认路由。对于这类问题有更好的方法吗?也许我不应该使用查询参数?开放接受教育!版本“react”:“^16.2.0”,“react-dom”:“^16.2.0”,“react路由器”:“^4.2.0”,"react-router-dom":"^4.2.2",测试用例https://codepen.io/adamchenwei/pen/YeJBxY?editors=0011重现步骤单击主页->步骤1预期行为转到第1步以及第2步渲染正确的dom实际行为空的,页面上没有呈现任何内容//Forthisdemo,weareusingtheUMDbuild

javascript - 使用 VS 代码调试 Vue.js 应用程序。错误未验证断点

我有以下问题。我想用VSCode和Chrome调试我的Vue.js项目。所以我按照网站上的官方指南Guide但它不起作用。问题是我总是得到错误:unverifiedbreakpoint我做错了什么?这是我的vue.config.jsmodule.exports={configureWebpack:{devtool:'source-map'}}这是我的调试设置:{//UseIntelliSensetolearnaboutpossibleattributes.//Hovertoviewdescriptionsofexistingattributes.//Formoreinformation