Vue跳转页面传值（带参数）

<div><div><input type="text" placeholder="输入关键字搜索" v-model="keycode" /><img src="搜索图标图片" @click="search()" /></div>
</div>

发送数据的页面

methods: {search() {if (this.keycode) {this.$router.push({name: "要跳转的页面名",query: {category: this.newsValue,keyword: this.keycode,}})}}}

接收数据的页面

activated() {let category = this.$route.query.categorylet keyword = this.$route.query.keywordif (category && keyword) {this.getCodeResult(category, keyword)}}

methods: {getCodeResult(category, keyword) {this.$axios.post('后端接口地址', {category: category,keyword: keyword}).then(res => {this.newsContent = res.data.content});}
}

Vue跳转页面传值（带参数）相关推荐

php带参数跳转页面,如何带参数跳转php界面_后端开发
访问php报404错误的原因_后端开发访问php报404错误的原因:1.php文件丢失或被删除而导致的,可以通过检查php文件是否存在来解决:2.URL访问路径输入错误所导致的,可以通过仔细核对UR ...
VUE跳转页面传值地址栏显示参数或者不显示地址栏参数
添加路由 {path: '/Qyqxhx',component: Qyqxhx,name: 'Qyqxhx',meta: {title: '页面名称'}}, params 传参 : 相当于post请求 ...
vue 跳转页面带对象_vue跳转页面的几种方法(推荐)
vue跳转不同页面的多种方法 1:router-link跳转点击跳转2 点击跳转1 点击跳转3 2:this.$router.push() 点击跳转4 export default{ name:'t ...
VUE从一个页面传值到另一个页面
VUE从一个页面传值到另一个页面方法一:通过路由进行数据的传参: 前提:自己已经定义了路由,并可以实现页面的跳转 //自己声明一个方法 employeesdetails(id){this.$rout ...
vue跳转页面的方法
** vue跳转页面的方法 ** 1.router-link跳转  <router-link to='/index'><button>点击 ...
vue跳转页面常用的几种方法
vue跳转页面有好几种不同方法,下面将通过实例代码给大家介绍,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下. 1:router-link跳转 1.不带参数 <router-li ...
vue跳转页面常用的方法
版权声明:本文为CSDN博主「宋文轩」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明. 原文链接:https://blog.csdn.net/qq_39071599/ ...
php中的id怎么传值,uniapp如何跳转页面传值
uniapp跳转页面传值的方法:首先给点击事件传入id:然后Methods中写方法,代码为[uni.navigateTo({url:'opportunity-form?id='+id})]:最后在详情 ...
vue 跳转页面带对象_vue从一个页面跳转到另一个页面并携带参数
1.需求: 点击商场跳转到商业体列表解决方案: 元页面: a标签中添加跳转函数商场 toMallInfo: function(mallCode){ this.$router.push({ path ...

Vue跳转页面传值（带参数）

Vue跳转页面传值（带参数）

发送数据的页面

接收数据的页面

Vue跳转页面传值（带参数）相关推荐

最新文章

热门文章