hurley11的博客

1，如果点击的导航栏为item，则使用.nav-active的样式（自定义改变颜色）<div> <div :class="nav_id===item.id?'nav-active':''" v-for="(item,index) in List" :key="index" @click="getNavId(item.id)"> <a>{{item.label}}</a> </

1，需要通过dom操作获取到对应的h2标签this.$nextTick(function(){ var h2= document.getElementsByTagName('h2'); this.h2_arr = h2});2，文章目录的按钮，添加跳转的点击事件<div v-for="item in h2_arr" :key="item "> <el-button @click="gotoEle(item.offsetTop)">{{i.

父组件<template> <div class="home"> <HelloWorld :data="传递的数据"/> </div></template><script>import HelloWorld from '@/components/HelloWorld.vue'export default { name: 'Home', components: { HelloWorld

在store/index.js下，引入user模块import Vue from 'vue'import Vuex from 'vuex'import user from './user'Vue.use(Vuex)export default new Vuex.Store({ state: { }, mutations: { }, actions: { }, modules: { user },})在store/user.js下的us.

主要代码：{ required: true,validator: validateRepassword, trigger: "change" },export default { name: "form", data() { var validateRepassword = (rule, value, callback) => { if (value === "") { callback(new Error(

router-link和router-view在同一个vue文件（A.vue）里面，router-link设置路由跳转，router-view根据路由显示组件在同一个页面中，A.vue组件是全局的页面，B.vue组件和C.vue组件是A页面中的一部分1，router-link设置路由跳转<router-link :to="'/url/'"> <li> <a>goto</a> </li></.

1，A组件引入B组件<script> import B from '../components/B.vue' export default { name: "A", components:{B}, data(){ return{ pass_data: '', } },2，A组件页面传递参数,把pass_data的数据传给B&lt.