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