随笔分类 - vue
关于vue的一切
摘要：转载······（感谢原创） 一、后台管理系统选型 1、集成方案: vue-element-admin vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的
阅读全文
摘要：created(){ this.changfouce(); }, methods: { //在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中， //因为created()钩子函数执行的时候DOM并未进行任何渲染，而此时进行DOM操作是徒劳的，
阅读全文
摘要：html <div class="mes_box"> <el-form-item class="mes_li" label="手机号" prop="phone"> <input type="text" placeholder="" class="mes_text" v-model="user.pho
阅读全文
摘要：两个方法都是传值给vuex的mutation改变state dispatch：异步操作，数据提交至 actions ，可用于向后台提交数据 this.$store.dispatch('isLogin', true); commit： 同步操作，数据提交至 mutations ，可用于登录成功后读取用
阅读全文
摘要：目录： 1、安装vuex依赖 2、创建store文件 3、Vuex的核心属性 state getters mutations actions modules 1、安装vuex依赖： npm install vuex --save 2、创建store文件 在store文件夹，新建个index.js文件
阅读全文
摘要：前言 说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢... Vue-Router导航守卫：
阅读全文
摘要：路由首位是什么？ 当做Vue-cli项目的时候感觉在路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。 主要用来通过跳转或取消的方式守卫导航。 导航守卫分为三大类：全局守卫、路由守卫、组件守卫 全局守卫： beforeEach 全局前置守卫 进入路由之前 beforeResolve 全局解析守
阅读全文
摘要：一、mapGetters简介 在Vue项目的开发过程必然会用到vuex，对vue项目公用数据进行管理，从而解决组件之间数据相互通信的问题，从而简化了非父子组件之间的数据通信。 二、在项目中mapGetters的使用 1. store部分的目录结构 2. index.js 3. setting.js
阅读全文
摘要：Vuex核心原理 Vuex为Vue Components建立起了一个完整的生态圈，包括开发中的API调用一环。围绕这个生态圈，简单介绍一下各模块在核心流程中的主要功能： Vue Components:Vue组件。 html页面上，负责接受用户操作等交互行为，为执行dispatch方法触发对应acti
阅读全文
摘要：一、计算属性 计算属性基础例子 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> </div> var vm =
阅读全文
摘要：1 .新建一个font.css文件 把需要自定义放在字体列表的字体放在这个css中，选择器如下。data-value后的值是要拼在.ql-font-后面的，需要保持一致。 [data-value=a] ql-font-a content指的是字体列表中的选项 .ql-snow .ql-picker.
阅读全文
摘要：1.项目初始化：安装vue-cli npm install vue-cli -g [这个命令在3.0以后废弃了] npm install -g @vue/cli 补充： 查看vue版本号：vue list (可以查看vue-cli是否成功) 安装指定版本的vue：npm install -g @vu
阅读全文
摘要：1. 创建文件 ： npm install --save iview 2. 看这里的代码
阅读全文
摘要：1、安装vue-editor-wrap npm i vue-ueditor-wrap 2、下载UEditor文件夹 （https://github.com/HaoChuan9421/vue-ueditor-wrap） (1)、压缩包在vue-ueditor-wrap >> assets >> dow
阅读全文
摘要：在vue中遇到Uncaught (in promise) undefined这个报错 解决方案：npm i vue-router@3.0 -S
阅读全文
摘要：1、安装 npm install vue-quill-editor --save 2、引用 <template> <div id="Test"> <quill-editor ref="myTextEditor" v-model="content"> </quill-editor> </div> </
阅读全文
摘要：这是一个专门针对日期格式转换的插件。 1、安装 npm install moment 2、引入 在main.js写这两行代码 import moment from "moment"; Vue.prototype.$moment = moment; 3、在页面中的应用 this.$moment(thi
阅读全文
摘要：关于sortable的参数 1 <el-table 2 :data="tableData" 3 style="width: 100%" 4 <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order --> 5 @sort-change=
阅读全文
摘要：<el-col> <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="rgb(255,255,255,0)" text-
阅读全文
