vue 의 순환 대상 속성 과 속성 값 용법
예:
<template>
<div>
<div v-for="(item,i) in obj">{{i}}--{{item}}</div>
</div>
</template>
<script>
export default {
name: "HelloWorld",
data () {
return {
obj:{
age:1,
name:"zs",
sex:" "
}
};
}
}
</script>
<style lang="css" scoped>
</style>
결과:Vue 제어 경로 스크롤 행위
경로 전환 시 지정 한 경로 의 어 딘 가로 이동 해 야 하 며 scrollBehavior 방법 으로 제어 할 수 있 습 니 다.
사용법:
scrollBehavior(to,from,savedPosition){ }
scrollBehavior 방법 은 x,y 좌표 점 을 되 돌려 줄 수도 있 고 지정 한 선택 기 를 되 돌려 줄 수도 있 습 니 다.
예:
import Vue from 'vue'
import Router from 'vue-router'
import Home from '../../view/Home.vue'
import Test from '../../view/Test.vue'
import News from '../../view/News.vue'
Vue.use(Router)
export default new Router({
routes: [
{
name:"Home",
component:Home,
path:"/"
},
{
name:"Test",
component:Test,
path:"/test"
},
{
name:"News",
component:News,
path:"/news"
},
{
path:"*",
redirect:"/"
}
],
mode:"history",
//
scrollBehavior(to,from,savedBehavior){
if(to.path==="/test"){
return {
x:0,
y:100
}
};
//
if(to.path==="/news"){
return {
selector:".here"
}
}
}
})
이상 vue 의 순환 대상 속성 과 속성 값 용법 은 바로 소 편 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 도 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.