Vue에서 사용자 정의 속성 가져오기 방법: data-id 인스턴스
첫 번째 단계: 우선 탭에 @click = "getDateId(item.id)"를 연결하고 속성 값을 연결된 이벤트에 전송합니다
2단계: 탭에 계속 귀속:date-id ='item.id'속성
3단계:
<template>
<h2 class="left t-title" @click='getDataId(item.id)' :data-id="item.id"></h2>
</template>
<script>
methods: {
getDataId(id) {
console.log(id);
}
},
</script>
1. 로컬 스토리지:
localStorage.setItem('uqid','REgaI2eAT9yDfpdc');//로컬 저장 (전사삼)
var uqid = localStorage.getItem('uqid');//스토리지 로컬 값 가져오기
혹은
var orderSn = 20;
localStorage.setItem('orderSn',orderSn);
var uqid = localStorage.getItem('orderSn');
bindList(e){
var autoId = $(e.currentTarget).attr('data-id'); //获取div -data
},
http://localhost:8080/#/lineitem?uqid =2019032817530157997 （获取---uqid ）
bindList(){
var uqid = utils.getUrlKey('uqid');
alert(uqid );
},
/* eslint-disable */
export default{
getUrlKey: function (name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
}
}import utils from './assets/js/utils.js'/url 매개 변수 가져오기
global.utils = utils;
4. 페이지 점프 복귀
@click="bindReturn"
methods:{
bindReturn(){
this.$router.go(-1); //返回上一页，
},
bindOrider(){
this.$router.push({path: '/doctorlist'}); //页面跳转
},
}
import doctorList from '@/components/doctorlist'
export default new Router({
routes: [
{
path:'/doctorlist',
name:'doctorList ',
component:doctorList ,
meta: {
title: '我是修改后的页面title'
}
},
]
})
// 修改页面title
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title;
}
next();
})이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
