在Vue中获取自定义属性方法:数据id的实例

　　

<强>获取自定义属性的方法:

　　

第一步:首先在标签上绑定上@click=癵etDateId (item.id)”,并将属性值传到绑定的事件里面

　　

第二步:在标签上继续绑定:date-id=癷tem.id”属性

　　

第三步:在& lt; script>里面的属性方法里面添写上事件函数getDateId (id){}在事件函数里面获取id的值即可

　　 　　 　　& lt; template> 　　& lt; h3类=白髏-title“@click=癵etDataId (item.id):数据id=癷tem.id祝辞& lt;/h3> 　　& lt;/template> 　　& lt; script> 　　方法:{ 　　getDataId (id) { 　　console.log (id); 　　} 　　}， 　　& lt;/script> 　　之前 　　 　　

<强> vue本地存储,获取自定义数据id,获取链接url参数,页面跳转返回,修改页面标题

　　

<强>一、本地存储:

　　
　　

localStorage.setItem (“uqid”、“REgaI2eAT9yDfpdc”);//存储本地(传死参)

　　

var uqid=localStorage.getItem (“uqid”);//获取存储本地值

　　 　　

或者 　　 　　 　　var orderSn=20; 　　localStorage.setItem (orderSn, orderSn); 　　var uqid=localStorage.getItem (orderSn); 　　 　　

<强>二,获取自定义- - - - - - - - - -数据id

　　 　　 　　bindList (e) { 　　var autoId=$ (e.currentTarget) .attr(“数据id”);//获取div拼 　　}, 　　 　　

<强>三,获取链接——url参数

　　 　　 　　http://localhost: 8080/#/lineitem # 63; uqid=2019032817530157997(获取——-uqid) 　　bindList () { 　　var uqid=utils.getUrlKey (“uqid”); 　　警报(uqid); 　　}, 　　 　　

以上获取url参数需要引入js文件——utils.js

　　 　　/* eslint-disable */出口默认{ 　　getUrlKey:函数(名字){ 　　返回decodeURIComponent((新RegExp(“[& # 63; |和]' +名字+ '=' + '([^和;]+ & # 63;)(# |和|;| $)”).exec (location.href) | | (,“”)) [1]。替换(/\ +/g, ' % 20 ')) | | null 　　} 　　} 　　 　　

main.js全局引入下

　　
　　

从“进口跑龙套。/资产/js/跑龙套。js '//获取url参数

　　

全球。跑龙套=跑龙套;

　　 　　

<强>四页,面跳转返回

　　 　　 　　@click=" bindReturn " 　　方法:{ 　　bindReturn () { 　　router.go美元。(1);//返回上一页, 　　}， 　　bindOrider () { 　　美元。路由器。push({路径:'/doctorlist '});//页面跳转 　　}， 　　} 　　 　　

路由器/index.js文件中

　　 　　 　　从“@/组件/导入doctorList doctorList” 　　出口默认新路由器({ 　　路线:[ 　　{ 　　路径:/doctorlist, 　　名称:“doctorList”, 　　组件:doctorList, 　　元:{ 　　标题:“我是修改后的页面标题” 　　} 　　}， 　　] 　　}) 　　 　　

修改页面标题——主要。js最后添加

　　 　　//修改页面标题 　　路由器。beforeEach(下),从=比;{/*路由发生变化修改页面标题*/如果(to.meta.title) { 　　文档。标题=to.meta.title; 　　} 　　next (); 　　}) 　　 　　

以上这篇在Vue中获取自定义属性方法:数据id的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

在Vue中获取自定义属性方法:数据id的实例