草庐IT

Vue-router

全部标签

javascript - React Router v4 嵌套匹配参数无法在根级别访问

测试用例https://codesandbox.io/s/rr00y9w2wm重现步骤点击Topics点击RenderingwithReact或转到https://rr00y9w2wm.codesandbox.io/topics/rendering预期行为match.params.topicId应该与父Topics组件相同应该与match.params.topicId相同在主题组件中访问时实际行为match.params.topicId在Topic组件中访问时是undefinedmatch.params.topicId在Topics组件中访问时呈现我从thisclosedissue了解

javascript - AngularJS ui-router $state.go ('^' ) 仅更改地址栏中的 URL,但不加载 Controller

我正在尝试使用angularjsui-router创建一个“TodoApp”。它有2列:第1列:待办事项列表第2列:Todo详细信息或Todo编辑表单在保存Todo后的编辑和创建Controller中,我想重新加载列表以显示适当的更改。问题:在创建或更新Todo时调用$state.go('^')后,浏览器中的URL变回/api/todo,但是ListCtrl未被执行,即$scope.search未被调用,因此Todo列表(包含更改的项目)未被检索,第2列中第一个Todo的详细信息也未显示(而是,它变成空白)。我什至尝试过$state.go('^',$stateParams,{reloa

javascript - 导入 javascript 文件以在 vue 组件中使用

我正在做一个需要使用js插件的项目。现在我们正在使用vue并且我们有一个组件来处理基于插件的逻辑,我需要在vue组件中导入js插件文件以初始化插件。以前,这是在标记中按如下方式处理的:这是我尝试过的方法,但出现编译时错误:我的组件.vueimportVuefrom'vue';import*from'//api.myplugincom/widget/mykey.js';exportdefault{data:{我的问题是,导入此javascript文件以便我可以在我的vue组件中使用它的正确方法是什么?... 最佳答案 包含外部Java

javascript - react.js - 处理固定页眉和页脚的 React-router

我有React-router风格的React.js应用程序,我对我当前的路由处理有疑问。设计如下,普通移动布局,固定页眉和页脚,内容在中间:如果它们是静态的,我可以简单地创建这样的结构:但偶尔它们会随着页面的变化而变化,例如:标题和按钮文本按钮数量某些页面上没有页脚将它们放在ViewController中并每次使用RouteHandler重新渲染是否更好? 最佳答案 我不知道Ratchet的细节,但一般来说,在你的情况下,footer将它放在RouteHandler中确实更好,这样你就可以定义它的存在取决于您的喜好。对于页眉,我相信

javascript - Vue/Vuetify - 未知的自定义元素 : <v-app> - did you register the component correctly?

我是Vue和Vuetify的新手。我刚刚创建了快速应用程序来检查它们。但我一开始就遇到了问题。尽管遵循了文档中概述的所有步骤,vue仍无法识别vuetify组件。错误如下-vue.runtime.esm.js?ff9b:587[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.foundin--->atsrc\App.vue您可以在沙箱https://codesandbox.io/s/40rq

javascript - “窗口”未在 Vue.js 2 中定义

我目前正在将我的应用程序从Vue.js1升级到Vue.js2。我的主要组件中的以下功能有问题:exportdefault{ready:functionlistenKeyUp(){window.addEventListener('keyup',this.handleKeyUp());},methods:{handleKeyUp(e){if(e.keyCode===27){this.$router.go({name:'/'});}},},};我的控制台显示这个错误:'window'isnotdefined这怎么可能?我不明白这是为什么。如何解决这个问题,为什么新版本会出现这个问题?---编

javascript - 使用 ES6 语法在 vue 中导入多个组件不起作用

这个问题在这里已经有了答案:Isitpossibletoimportmodulesfromallfilesinadirectory,usingawildcard?(14个答案)关闭5年前。所以我正在尝试创建一个vue实例,它需要文件夹“views/”中的其他组件文件结构如下:项目构建/配置/节点模块/来源/浏览量/组件/App.vue如果我在App.vue中这样做,服务器将正常运行:importNavbarfrom'layouts/Navbar'importTopbarfrom'layouts/Topbar'importAppMainfrom'layouts/AppMain'但如果我尝

WebSocket+xterm+springboot+vue 实现 xshell 操作linux终端功能

效果图1.工具介绍与安装1.1xterm.jsxterm是一个使用TypeScript编写的前端终端组件,可以直接在浏览器中实现一个命令行终端应用。Xterm.js适用于大多数终端应用程序,如bash,vim和tmux,这包括对基于curses的应用程序和鼠标事件的支持。1.2安装//1、安装xtermnpminstall--savexterm//2、安装xterm-addon-fit//xterm.js的插件,使终端的尺寸适合包含元素。npminstall--savexterm-addon-fit//3、安装xterm-addon-attach(这个你不用就可以不装)//xterm.js的附

javascript - Vue.js 路由从子目录服务

我想从暂存服务器上的子目录提供我的Vue.js应用程序。例如:http://url.com/subdir/app/现在,如果我这样做并设置构建配置assetsPublicPath以从该文件夹提供服务,所有Assets都可以正常提供,但我的应用程序无法正确路由。“主页”页面被路由到“包罗万象”,任何进一步的路由只会显示正常的白页404。这是我的路由器:exportdefaultnewRouter({mode:'history',routes:[{path:'/',component:ContentView,children:[{path:'/',name:'DataTable',comp

javascript - Vue.js - 更新的数组项值不会在页面中更新

"test"是我的vue数据中的一个对象数组varvue=newVue({el:'#content',data:{test:[{array:[0,0,0,0]},{array:[0,0,0,0]}],number:0},methods:{setNumber:function(){this.number=5;},setArray:function(){this.test[0].array[0]=9;}}})问题是,如果我更改“数组”中某个元素的值,而日志显示该值已更改,它不会在页面上更新。另一方面,如果我更改“number”的值,则页面上的“number”和“array”值都会更新。Va