2020年6月15日

16定义全局过滤器

摘要: 1.定义全局过滤器 // 定义全局过滤器 import moment from "moment"; const vFilter = { // 2019-09-18T13:48:56.133Z String类型和date时间Object类型都可以 转为2018-11-16 10:55:58 //使用: 阅读全文

posted @ 2020-06-15 21:52 章画 阅读(184) 评论(0) 推荐(0) 编辑

15 自定义分页pagination全局组件

摘要: 1.Pagination.vue <template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" background :current-page="paginationD 阅读全文

posted @ 2020-06-15 21:05 章画 阅读(529) 评论(0) 推荐(0) 编辑

14 el-dialog 基本结构

摘要: 1 dialogVisible父组件提供,:visible.sync直接修改父组件的dialogVisible,会报错,需要加上before-close属性 <template> <el-dialog title="提示" :visible.sync="dialogVisible" width="3 阅读全文

posted @ 2020-06-15 10:56 章画 阅读(372) 评论(0) 推荐(0) 编辑

2020年6月14日

13props 对象

摘要: props: { homeData: { type: Object, required: true } }, 父组件传递给子组件是对象homeData或者数组: homeData={name:'zs',list:[1,2,3]} name list都是vue 响应式的 子组件的props去接收hom 阅读全文

posted @ 2020-06-14 20:24 章画 阅读(371) 评论(0) 推荐(0) 编辑

12 props 传的是数组处理

摘要: <template> <div>InfoDetailed</div> </template> <script> export default { name: "InfoDetailed", props: { treeData: { type: Array, required: true } }, d 阅读全文

posted @ 2020-06-14 19:04 章画 阅读(1366) 评论(0) 推荐(0) 编辑

2020年6月12日

11 vue 自定义全局方法

摘要: //global.js// 定义vue 全局方 // 定义vue 全局方法 建议自定义的全局方法加_ 以示区分 export default { install(Vue, options = {}) { // 全局方法1 Vue.prototype._fn1 = function () { // c 阅读全文

posted @ 2020-06-12 20:10 章画 阅读(897) 评论(0) 推荐(0) 编辑

2020年6月11日

10 router

摘要: https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 1.路由守卫beforeEach router.beforeEach((to, from, next) => { let username = localStorage 阅读全文

posted @ 2020-06-11 20:43 章画 阅读(125) 评论(0) 推荐(0) 编辑

09vuex

摘要: state 大白话:获取state的值 vuex中state数据是响应式的。只要state中数据发生变化。vue组件自动更新。 要想做到响应式 前提:是在mutaion中定义函数修改state值。 最好提前在你的 store 中初始化好所有所需属性。 当需要在对象上添加新属性时,使用 Vue.set 阅读全文

posted @ 2020-06-11 17:41 章画 阅读(176) 评论(0) 推荐(0) 编辑

8svg 自定义全局组件

摘要: 0.https://www.npmjs.com/package/vue2-svg-icon 直接使用vue2-svg-icon插件 。如果不使用,就使用下面用法 注意:用阿里图标时候,最好都选择#fff白色。自己也可以设置 1.目录结构 2.svgicon/index.js import SvgIc 阅读全文

posted @ 2020-06-11 13:40 章画 阅读(418) 评论(0) 推荐(0) 编辑

07vue 自定义全局组件 通用流程

摘要: 1.全局组件的目录 2.loading/index.js import LoadingComp from './Loaiding' const compName=LoadingComp.name //获取组件的名字 当做全局组件名字使用 const loading = { //Vue.use()方法 阅读全文

posted @ 2020-06-11 12:35 章画 阅读(511) 评论(0) 推荐(0) 编辑

导航