vue 跳转新窗口传递参数并改变窗口名称

需求：地址不带参数
获取之前的数据
修改窗口名称

点击跳转组件

const msg = {zoom :map.getZoom()-0.5,lat: map.getCenter().lat,dataList:data,name:data.saveName};//sessionStorage.setItem("key", "value"); 页面临时缓存数据 //不能直接传对象过去 所以转成字符串window.sessionStorage.setItem("tagUser", JSON.stringify(msg));//打开新窗口window.open(homePageUrl + "bookNewWindow");

main.js 注册全局指令实现动态改变窗口名称

Vue.directive('title', {inserted: function (el, binding,vnode ) {/** el可以获取当前dom节点，并且进行编译，也可以操作事件 **//** binding指的是一个对象，一般不用 **//** vnode 是 Vue 编译生成的虚拟节点 **/el.style.border="1px solid red";  //操作style所有样式console.log(el.value);  //获取v-model的值console.log(el.dataset.title) //data-name绑定的值，需要el.dataset来获取console.log(el.dataset.name) //data-name绑定的值，需要el.dataset来获取console.log(vnode.context.$route); //获取当前路由信息//给v-title标签的 data-title 属性赋值document.title=el.dataset.title}
})

跳转组件获取参数并改变窗口名称

        <template>//在页面最大的div上 v-title data-title=""//v-title进行鼠标悬浮提示 :data-title='typename' 窗口显示值<div class="newWindow" v-title :data-title='typename'></div></template>created() {//需要在created中赋值 窗口名字才能及时改变let data=JSON.parse(window.sessionStorage.getItem('tagUser'))this.typename=data.name},mounted() {//获取参数let data=JSON.parse(window.sessionStorage.getItem('tagUser'))},

vue 跳转新窗口传递参数并改变窗口名称相关推荐

HarmonyOS 界面跳转以及界面跳转的同时传递参数
HarmonyOS 不带参数界面之间跳转 package com.example.myapplication.slice; import com.example.myapplication.Resou ...
Vue入坑——vue-router如何传递参数
2019独角兽企业重金招聘Python工程师标准>>> 上一篇:vue-router配置子路由一起学vue--vue学习总路线 ----------^~^我是萌萌哒分割线^~^-- ...
Vue中向js中传递参数并在js中定义对象并转换参数
场景有下面这种主从表结构上面的信息是主表的信息,下面是从表的信息. 在Vue中将页面的信息传递到js的方法中,在js方法中将参数进行转换使其与后台接收的参数相匹配. 注: 博客: https:// ...
vue axios 发送get请求传递参数给后端失败_Java之Vue插件之Axios
Java之Vue插件之Axios,环境安装: npm install --save axios vue-axios //安装axios Npm install //安装依赖在main.js中注册 i ...
Android通过DeepLink方式跳转其他App传递参数
网上对于安卓DeepLink方式跳转传递参数的例子较少,说的也不客观,实践之后发现还是有一些坑.其实为什么要用DeepLink方式跳转,有些是因为引流的原因,他们希望通过网页就能直接跳转到App的界面 ...
vue 跳转新页面并传参
前言最近开发过程中有个新的需求,需要点击事件后跳转新的页面然后通过传参的数据展示表格. 具体来说,在一个Modal容器中,有一行字 "XXX目录",点击这个目录,就会跳转 ...
C语言子函数通过传递参数地址改变参数数值2021-05-28
由于总是忘记这最基础的"通过传递参数地址,从而改变参数数值."的形式,还是在此记录一下吧. 子函数声明: 参数传递形式:*NAME void color_intensity_SCO ...
android activity之间跳转和数据传递参数,Activity跳转（有返回数据跳转）以及传递参数和回传参数...
使用Bundle在Activity之间传递数据 Bundle类是一个key-value对,是一个final类两个Activity之间通信可以用Bundle类实现步骤: 新建一个Bundle类 Bun ...
vue中计算属性computed传递参数
vue中computed计算属性无法直接进行传参,如果有传参数的需求可以使用闭包函数(也叫匿名函数)实现.例如传过来不同的状态,我们设置成不同的颜色.(三目运算符可以实现但是只能设置两种,状态多了就不 ...

vue 跳转新窗口传递参数并改变窗口名称

vue 跳转新窗口传递参数并改变窗口名称相关推荐

最新文章

热门文章