随笔分类 - Vue学习
摘要：前面的笔记，有格式化时间的 <!-- 格式化-隐藏中间位数-手机号过滤器--> <p>{{userInfo.user_phone | phoneFormat}}</p> export default { filters: { phoneFormat(phone) { // 1. 转成数组-延展操作符
阅读全文
摘要：向vuex的变量存储数据 1.在state.js中添加 userInfo: {}, 2.actions.js中添加同步用户信息-将参数userInfo传递给USER_INFO 创建一个方法-不用异步方法 syncUserInfo({commit}, userInfo){ commit(USER_IN
阅读全文
摘要：首先在index.html中引入 <!--引入高德地图JSAPI --><script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.13&key=申请的key"></script><!--引入UI组件库（1.0版本）
阅读全文
摘要：vuex 1.首先在state中创建变量 export default { // 首页轮播图 homecasual: [] } 2.然后在action中调用封装好的axios请求，异步接收数据，commit提交给mutation 引入 import { getHomeCasual, } from '
阅读全文
摘要：<a-menu v-model="currentLeftMenuKey" mode="horizontal" theme="dark"> <a-menu-item key="department">单位</a-menu-item> <a-menu-item key="individual">个人</
阅读全文
摘要：getQueryString (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)') var r = window.location.search.substr(1).match(reg) if (r != null) { re
阅读全文
摘要：###大一统的模块化规范-es6模块化 1.node.js中通过babel体验es6模块化 npm安装 babel.config.js ###ES6模块化的基本语法 1.默认导出与导入 export default import 接收名称 from '模块标识符' 2.按需导出--export le
阅读全文
摘要：单人课程统计 全部(队员:{{ people }}) {{ item.course_name }}-{{ item.course_ti...
阅读全文
摘要：<template> <!-- checkable-节点前添加复选框 --> <a-tree defaultExpandAll :autoExpandParent="true" :treeData="treeData" @select="this.onSelect" /> </template> data () { return { // expandedKeys: ['0-0-0', '0-0-
阅读全文
摘要：computed: { pages () { const pages = [] // 计算属性-作用：标签超出九个后，展示滑动效果 // -forEach（循环项,下标） // Math.floor向下取整 this.list.forEach((item, index) => { const page = M...
阅读全文
摘要：//跳转到login登录页面 this.$router.push('/login') ‘ routes: [ { //默认定向跳转index页 path: '/', redirect:'/index' }, //跳转到login登录页面 this.$router.push('/login') ‘ r
阅读全文
摘要：// 注意： 在 this 这个组件身上，有 this.$route 和 this.$router // this.$route 是专门用来获取路由中参数的； // this.$router 是专门来实现编程式导航的； // 注意：this.$route和this.$router这两个对象 // t
阅读全文
摘要：## 使用手机调试Vue项目 \1. 前提：要保证自己的手机和当前做项目的电脑，处于同一个WIFI环境中； \2. 当手机和电脑处于同一个WIFI中之后，大家需要运行终端命令ipconfig，查找 无线局域网适配器 的网络配置，复制其IPv4的地址； \3. 把复制的Ip地址，粘贴到package.
阅读全文
摘要：安装 需查看官网-- cnpm i vue-preview -s 获取后台接口 必须设置宽和高 ## 实现缩略图的效果 \1. 先加载所有的图片并显示到页面上； \2. 使用vue-preview插件来实现缩略图效果； \3. 如何使用缩略图组件呢： + 运行cnpm i vue-preview -
阅读全文
摘要：//1.1导入Mint-UI中 图片懒加载组件 import { Lazyload } from 'mint-ui'; Vue.use(Lazyload); //1.1导入Mint-UI中 图片懒加载组件 import { Lazyload } from 'mint-ui'; Vue.use(Laz
阅读全文
摘要：**## 实现图片分享列表中顶部的滑动区域** \1. 借助于 MUI 的 tab-top-webview-main.html 控件来实现 \2. 当拿到 UI 代码片段之后，需要把 mui-fullscreen 去掉 --因为这个属性是铺满整个界面，遮盖住界面 \3. 当页面布局没有大问题之后，发
阅读全文
摘要：评论组件--comment.vue props: ["newsid"] // 接收父组件传递过来的新闻Id //请求数据 这里的id直接可以引用--不用在data里声明了 data() { return { page: 1, // 默认展示第一页的评论 cmtlist: [], // 评论数组 ms
阅读全文
摘要：<router-link :to="'/home/newsinfo/' + item.id"> 接收 路由配置 // 创建路由对象 const router = new VueRouter({ routes: [ { path: '/home/newsinfo/:id', component: Ne
阅读全文
摘要：使用 <span>发表时间：{{ item.add_time | dateFormat }}</span> 也可以自定义：{{ item.add_time | dateFormat（'YYYY-MM-DD'） }} ## 定义全局的过滤器来格式化时间字符串 1. 经过分析，整个项目中，许多组件都需要
阅读全文
