草庐IT

Vue-router

全部标签

javascript - 在 vue 中发出带参数的事件

我正在尝试使用这样的参数发出函数。template:`{{selectedItem}}{{item.name}}`这是我正在尝试将项目像参数一样传递给方法。这是我尝试发出函数的组件:这是我的方法:selectedITem(arg1){console.log("cl")console.log(arg1)}如果我不尝试传递参数,那么一切正常,所以我的方法selectedITem正在运行。当我尝试像那样传递参数时,什么也没发生,我也没有收到任何错误。 最佳答案 $emit()中的以下参数是您发出的函数中的参数。$emit('select-

javascript - 如何将自定义组件与 react-router 路由转换一起使用?

文章ConfirmingNavigation说明如何在转换Hook中使用浏览器确认框。美好的。但我想使用我自己的对话框。如果我要使用history模块中的方法,我认为这是可能的。是否可以使用react-router中的setRouteLeaveHook来做到这一点? 最佳答案 核心问题是setRouteLeaveHook期望钩子(Hook)函数同步返回它的结果。这意味着您没有时间显示自定义对话框组件、等待用户单击一个选项,然后然后返回结果。所以我们需要一种方法来指定一个异步钩子(Hook)。这是我写的实用函数://Asynchron

javascript - Vue.js:将页面标题分配给不同的路线

这个问题在这里已经有了答案:HowcanIbindthehtmlcontentinvuejs?(9个回答)关闭5年前。我正在使用vue.jsv1.0、vue-routerv0.7和WebPack构建一个网络应用程序。我正在关注SingleFileComponent模式,每个页面都有不同的组件。当我浏览Web应用程序页面时,我不知道如何更改不同路由(或不同组件)中的页面标题。我还希望页面标题在浏览器历史记录中可用。

javascript - 在 react-router v4 中获取路径参数

我正在尝试通过我的应用程序构建路由器链接,在这个场景中,我有三个文件。App.jsBook.jsDetailedView.js我在Book内部建立了一个仅在悬停时出现(在书的封面上){this.state.isHovered?():()}这会将我带到/details/12345(isbn10编号)我很难理解的是如何setState({iPressedThisBook})当按下或者如果我可以使用/12345之后的部分像过滤器一样创建因为在AppRoute将被连接为...()}/>稍后,我想捕获:id这样我就可以制作一个this.props.book.find(:id)在我的里面

javascript - React Router 在哪里使用 AJAX

我正在使用ReactRouter开发一个项目,我在数据流方面遇到了一些问题。在每个页面上都有一个获取组件数据的AJAX调用。我一直把它们放在componentDidMount中://BelowcodeiswritteninES6componentDidMount(){$.get(someURL,(data)=>{this.setState({data:data})})}虽然这适用于初始加载,但当url更改时它不会再次调用(需要手动刷新)。我似乎找不到合适的lifecycle进行AJAX调用。有人请告诉我在ReactRouter中获取数据的正确方法。 最佳答案

javascript - Vue.js mixins 在重写实现中调用父方法

我正在使用vuejs-datepicker项目中的组件,但是我需要一些自定义行为,这就是为什么我决定创建自己的日期选择器并将vuejs-datepicker作为混合注入(inject)的原因。该解决方案工作正常,但我正在寻找一种方法来调用我覆盖的方法中的父方法。这就是我的组件现在的样子:importDatepickerfrom'vuejs-datepicker'exportdefault{props:{/***MycustompropertystartDatetoopenacalendaronthegivendatebydefault*/startDate:{validator:fun

javascript - Vue Uncaught TypeError : fn. 绑定(bind)不是一个函数

我的App.vue如下所示importHomeCentralfrom'./components/HomeCentral';exportdefault{name:'App',components:{HomeCentral,},};#app{font-family:"Avenir",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;}我在src/compo

如何在Linux服务器上部署Vue项目

1.在本地将Vue项目打包以项目运行在vscode为例,在调试窗口输入 npmrunbuild待命令执行完毕之后,在项目目录下会生成dist文件夹,如下图 2.创建一个运行文件,名字是:server.js server.js中的内容如下:constexpress=require('express');constapp=express();app.use(express.static('./dist'));//运行时的端口,可以自己自定义constport=7777;app.listen(port,function(err){if(err){console.log(err);return;}co

javascript - 基本 vue.js 2 和 vue-resource http get 变量赋值

我真的很难让最基本的REST功能在vue.js2中工作。我想从某个端点获取数据并将返回值分配给我的Vue实例的变量。这是我的进展情况。varlink='https://jsonplaceholder.typicode.com/users';varusers;Vue.http.get(link).then(function(response){users=response.data;},function(error){console.log(error.statusText);});newVue({el:'#user-list',data:{list:users}});在promise中

javascript - Vue JS 将下一个输入集中在 enter 上

我有2个输入,希望在用户按Enter时将焦点从第一个切换到第二个。我尝试将jQuery与Vue混合使用,因为我在Vue文档中找不到任何功能来关注某些内容:但是在输入时我在控制台中看到错误:build.js:11079[Vuewarn]:Propertyormethod"$"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.(foundinanonymouscomponent-usethe"name"optionforbette