vue 의 순환 대상 속성 과 속성 값 용법

v-for 는 배열 을 순환 할 수 있 을 뿐만 아니 라 대상 도 순환 할 수 있다.
예:

<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 의 순환 대상 속성 과 속성 값 용법 은 바로 소 편 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 도 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기