摘要: vue实现切换首页路由导航 ,根据切换的不同导航跳转不同的路由,以及当前选中的导航添加选中样式。 html代码: <nav> <!-- 导航栏 --> <div class="indexNavOut"> <div class="indexNav"> <ul class="navLi"> <li st 阅读全文
posted @ 2019-04-25 17:06 遇你温柔如初 阅读(1248) 评论(0) 推荐(0) 编辑
摘要: vue实现菜单切换,点击菜单导航切换不同的内容以及为当前点击的选项添加样式,或者组件。 method里: css: html代码: <nav> <ul> <li> <a :class="{active : Index == 1}" @click="changeNav(1)">学校新闻</a> <di 阅读全文
posted @ 2019-04-25 16:59 遇你温柔如初 阅读(1839) 评论(0) 推荐(0) 编辑
摘要: 效果图: html页面: data数据: 方法: 计算属性: 样式: html代码: <!--分页--> <div class="page-bar"> <ul> <li v-if="cur>1"><a v-on:click="cur--,pageClick()">上一页</a></li> <li v 阅读全文
posted @ 2019-04-25 16:50 遇你温柔如初 阅读(72964) 评论(4) 推荐(1) 编辑
摘要: 目录: 注意:本地json文件和json文件里的图片地址都必须写在static 静态文件夹里;否则json文件里的url地址找不到。 major_info.json文件里的图片路径写法 页面通过v-bind的方式加载: 阅读全文
posted @ 2019-04-25 14:47 遇你温柔如初 阅读(8531) 评论(0) 推荐(1) 编辑
摘要: 1.第一步,这是目录结构 2.接下来是build/webpack.dev.conf.js文件需要配置的内容 代码: //vue配置请求本地json数据const express = require('express')const app = express()const appData = requ 阅读全文
posted @ 2019-04-25 14:41 遇你温柔如初 阅读(24645) 评论(2) 推荐(1) 编辑