草庐IT

Vue-router

全部标签

javascript - 嵌套的 vue.js 实例/元素

这听起来像是一个真正的菜鸟问题,但我对MVVM还是JS中的MVC还是很陌生,所以提前道歉。我正在尝试使用vue.js,到目前为止我很喜欢它的简单性。但对于我正在尝试做的事情,我认为我需要以不同的方式去做。我想将Vue实例/元素嵌套在彼此内部,但是当然,父级将在初始化时读取DOM时使用子级。为了论证,下面是我的意思的一个例子,我没有做这样的事情,但这是举例说明我的意思的最简单的方法:{{message}}{{message}}例如我的JS将是:newVue({el:"body",data:{message:"I'mtheparent"}});newVue({el:"#another",d

javascript - Angular UI-Router $urlRouterProvider .当不再工作时*

问题:为什么.when()不会在我的$urlRouterProvider还要上类吗?我选择了一个相当强大的Angular应用程序。我一直试图解决的最近一个问题是“页面刷新时丢失用户凭据”问题。当我拿起这个项目的auth服务时并没有多大意义,在仔细研究之后我了解到它是由几页随机代码组合在一起的。它也没有完全工作,所以我研究了不同的来源并决定完全实现其中之一(angular-client-side-auth)现在,我实现的身份验证服务/Controller基本上与angular-client-side-auth中的相同,但是我工作的站点使用基于token的身份验证。token功能已经基本到

javascript - 是 var { Route, Redirect, RouteHandler, Link } = Router;在 Javascript 中有效吗?

这个问题在这里已经有了答案:Javascriptobjectbracketnotation({Navigation}=)onleftsideofassign(5个答案)关闭7年前。这在Javascript中是什么意思?我在react-router示例中找到了这个var{Route,Redirect,RouteHandler,Link}=Router;通过browserify运行时出现以下错误。"UncaughtSyntaxError:Unexpectedtoken{"https://github.com/rackt/react-router/blob/master/examples/d

javascript - Vue 模板或渲染函数尚未定义,但我两者都没有使用?

这是我的主要javascript文件:importVuefrom'vue'newVue({el:'#app'});我的HTML文件:使用运行时构建的Vue.jsWebpack配置:alias:{'vue$':'vue/dist/vue.runtime.common.js'}我仍然遇到这个众所周知的错误:[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.(foundinrootinstance)为什么当我在挂载Vue的#appdiv中什至没有任何东西时,我仍然收到渲染/模板错误?它说foundinroo

javascript - react-router v4 - browserHistory 未定义

我正在用Electron创建我的第一个React应用程序(也是我的第一个Electron应用程序)。我有两条路线,需要从一条路线导航到另一条路线。为此,我使用以下代码:根ReactDOM.render(,document.getElementById('root'));应用classAppextendsReact.Component{constructor(){super();}render(){return()}}页面import{browserHistory}from'react-router';...browserHistory.push('/city');这一行报错,TypeE

javascript - Angular UI Router - 继承状态下的 View

编辑:根据@actor2019的回答,我想更新我的问题以更好地解释问题:使用AngularUI-Router(v0.0.2),我已将应用设置为在主要“页面”/状态之间正确导航,同时继承基本状态。Index.html:base.html:问题出在app.js文件中。当我将views参数添加到base状态时,一切都停止工作(100%空白页)。如果没有该参数,页面会正确呈现,但我没有搜索View。app.js:$urlRouterProvider.otherwise('/');////Nowsetupthestates$stateProvider.state('base',{abstract

javascript - Vue-路由器错误: TypeError: Cannot read property 'matched' of undefined

我正在尝试编写我的第一个Vuejs应用程序。我正在使用vue-cli和simple-webpackboilerplate.当我将vue-router链接添加到我的应用程序组件时,我在控制台中收到此错误Errorinrenderfunction:"TypeError:Cannotreadproperty'matched'ofundefined"这是我的代码:App.vueLinksHomeQueryexportdefault{}ma​​in.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)impor

javascript - Vue js 2-无法安装组件 : template or render function not defined

我有一个组件:我想使用vue-mask-inputplugin作为子组件:这是整个组件:OverviewBorn{{player.birthday}}-->Club{{player.club}}Position{{player.position}}Height{{player.height}}Weight{{player.weight}}kgFoot{{player.foot}}Agent{{player.agent}}Athleticperformance40mtime4.3s100mtime11.1sVerticaljump65cmimportMaskedInputfrom'vue

javascript - Axios/Vue - 防止 axios.all() 继续执行

在我的应用程序中,为了对用户进行身份验证,我调用了fetchData函数。如果用户token无效,应用程序将运行axios.all(),我的拦截器将返回大量错误。如何防止axios.all()在第一个错误后继续运行?并且只向用户显示一条通知?拦截器.jsexportdefault(http,store,router)=>{http.interceptors.response.use(response=>response,(error)=>{const{response}=error;letmessage='Ops.Algodeerradoaconteceu...';if([401].i

javascript - 使用 React-Router 和 Redux 时如何在单击链接时分派(dispatch)操作?

假设我有一个链接,它将我发送到一个用于添加/编辑列表条目的页面。当我点击Link本身时,如何分派(dispatch)Redux操作,以便我可以在实际重定向到该页面之前先更新Redux存储。例如:我点击编辑按钮->Action被调度->存储更新,{'state':'edit-mode'}->继续重定向。或者您有其他方法来完成我想要做的事情吗?也许当组件挂载后,我会根据特定条件运行类似stateToEdit的操作?如果是这样,那么请告诉我你的方式。谢谢PS:我只使用一个组件进行所有添加/编辑/删除。所以我正在考虑一种基于state呈现的方法,无论它是在edit-mode还是delete-m