![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
Mark_Songs
这个作者很懒,什么都没留下…
展开
-
Vue创建全局方法
Vue2.0 方法1. 创建js文件 参数中也可以传入方法 import { MessageBox } from 'element-ui'; export default{ install (Vue,options){ Vue.prototype.confirm = function(data){ MessageBox.confirm(data.content, '提示', { confirmButtonText:..原创 2020-05-23 16:21:17 · 184 阅读 · 1 评论 -
父子组件传值
1.<DialogInfo:flag="dialog_info"@close="closeDialog"></DialogInfo> 子组件调用this.$emit("close",false);调用父组件close函数,在函数中处理父组件的数据 。回调是需要做逻辑处理这种方法 2.父组件 <DialogInfo:flag.sync="dialog_info"></DialogInfo>回调不需要做逻辑处理这种方法 子组...原创 2020-05-23 15:57:59 · 103 阅读 · 0 评论 -
vue 路由守卫
router.beforeEach((to,from,next)=>{ console.log(to); //要去的页面 console.log(from); //离开的页面 console.log(next); // next(); //没有参数直接是to,添加不好容易形成死循环 })原创 2020-05-22 20:42:51 · 99 阅读 · 0 评论 -
Web前端 本地存储的三种方法
存法1:cookie_js npm install cookie_js --save安装依赖包 存储:cookie.set('key','value') cookie.set({key1:'value1',key2:'calue2'}) 获取:cookie.get('key') cookie.get(['key1','key2']) 清除:cookie.remove('key') cookie.rem...原创 2020-05-22 15:56:19 · 1202 阅读 · 0 评论 -
vuex资源仓库
1.store中的文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { //存储基本的数据,单一 isCollapse:false, }, getters:{ //类似cpmputed,通过计算 isCollapse: state=> state.isCollapse, // isColla原创 2020-05-22 17:45:11 · 189 阅读 · 0 评论 -
vue中创建全局svgIcon
1.创建icons文件夹 2.创建index.js文件 import Vue from "vue"; import SvgIcon from "./svgIcon.vue"; //自定义全局组件 Vue.component("svg-icon", SvgIcon); const req = require.context("./svg", false, /\.svg$/); //读取指定目录的文件第一个:目录第二个:是否遍历子级目录第三个:定义遍历文件规则 const requireAll = re原创 2020-05-21 11:38:03 · 448 阅读 · 0 评论