溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
獲取自定義屬性的方法：
第一步：首先在標簽上綁定上@click="getDateId（item.id）",并將屬性值傳到綁定的事件里面
第二步：在標簽上繼續綁定：date-id = "item.id"屬性
第三步：在<script>里面的屬性methods里面添寫上事件函數 getDateId(id){} 在事件函數里面獲取id的值即可
<template>
<h3 class="left t-title" @click='getDataId(item.id)' :data-id="item.id"></h3>
</template>
<script>
methods: {
getDataId(id) {
console.log(id);
}
},
</script>
補充知識：vue本地存儲、獲取自定義data-id、獲取鏈接url參數、頁面跳轉返回、修改頁面title
一、本地存儲：
localStorage.setItem('uqid','REgaI2eAT9yDfpdc'); //存儲本地（傳死參）
var uqid = localStorage.getItem('uqid'); // 獲取存儲本地值
或者
var orderSn = 20;
localStorage.setItem('orderSn',orderSn);
var uqid = localStorage.getItem('orderSn');
二、獲取自定義--------data-id
bindList(e){
var autoId = $(e.currentTarget).attr('data-id'); //獲取div -data
},
三、獲取鏈接---url參數
http://localhost:8080/#/lineitem?uqid =2019032817530157997 （獲取---uqid ）
bindList(){
var uqid = utils.getUrlKey('uqid');
alert(uqid );
},
以上獲取url參數需要引入js文件----utils.js
/* eslint-disable */
export default{
getUrlKey: function (name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
}
}
main.js全局引入下
import utils from './assets/js/utils.js' //獲取url參數
global.utils = utils;
四、頁面跳轉返回
@click="bindReturn"
methods:{
bindReturn(){
this.$router.go(-1); //返回上一頁，
},
bindOrider(){
this.$router.push({path: '/doctorlist'}); //頁面跳轉
},
}
router/index.js文件中
import doctorList from '@/components/doctorlist'
export default new Router({
routes: [
{
path:'/doctorlist',
name:'doctorList ',
component:doctorList ,
meta: {
title: '我是修改后的頁面title'
}
},
]
})
修改頁面title--main.js 最后添加
// 修改頁面title
router.beforeEach((to, from, next) => {
/* 路由發生變化修改頁面title */
if (to.meta.title) {
document.title = to.meta.title;
}
next();
})
以上這篇在Vue中獲取自定義屬性方法:data-id的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
