04 2019 档案
摘要：css: js: main.js代码： 1 import Vuex from 'vuex' 2 Vue.use(Vuex); 3 const store = new Vuex.Store({ 4 state: { 5 majorDetail: false, 6 Index: document.loc
阅读全文
摘要：效果图： 1.html代码 1 <div class="form-group" style="display: flex;"> 2 <div> 3 <span>验证码：</span> 4 <input type="text" id="code" v-model="code" class="code"
阅读全文
摘要：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
阅读全文
