Vue
文章平均质量分 52
bowlingQ
这个作者很懒,什么都没留下…
展开
-
Unknown custom element <el-descriptions>
当你element全局引入了,什么都配置好了,但是还是有组件引入失败的时候,请自信点,不是你写错误了,是版本问题,更新到最新版本就行了!!原创 2021-08-16 11:31:50 · 5539 阅读 · 7 评论 -
加载条nprogress配置
代码中带注释import Vue from "vue";import router from "./router";import store from "./store";import NProgress from "nprogress"; // 进度条import "nprogress/nprogress.css"; // 进度条样式import getPageTitle from "@/utils/get-page-title";import { getRefreshToken } f.原创 2021-08-05 11:49:59 · 528 阅读 · 0 评论 -
Vue实现验证码倒计时功能
按钮代码 <el-button type="primary" plain @click="send_captcha" :disabled="isDisabled" >{{ buttonName }}</el-button>操作代码(带注释)<script>export default { data() { return { CountDown: 60,//倒计时 buttonName: "发送验证码",/原创 2021-08-04 15:48:53 · 2670 阅读 · 2 评论 -
Vue初始化项目及Vue注意事项
使用vue-cli搭建项目npm i -g vue-clivue init webpack testcd name npm installnpm run dev项目结构分析test|-- build : webpack 相关的配置文件夹(基本不需要修改)|-- config: webpack 相关的配置文件夹(基本不需要修改)|-- index.js: 指定的后台服务的端口号和静态资源文件夹|-- node_modules|-- src : 源码文件夹|-- main.js: 应原创 2021-07-26 10:16:58 · 203 阅读 · 2 评论 -
vuex总结(待更新)
基础用法当我们在小项目里面使用vuex的时候,我们会先建一个store.js,内容如下:/*vuex最核心的管理对象store */import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)/*相当于data对象的状态对象 */const state = { count: 0 // 指定初始化数据}/*包含了n个直接更新状态的方法的对象 */const mutations = { ADDCOUNT (原创 2021-05-16 15:16:52 · 138 阅读 · 1 评论 -
vue非父子组件通信--eventHub(bus)
对于兄弟组件和父子组件的通信想必大家已经很了解了。然而,如果是跨多层父子组件通信的话,甚至两个组件的的关系相差很远,通信起来就不去很方便了,官方推荐使用Vuex来处理这些复杂情况,但在小项目中焉用牛刀。 我们可以中一个空的Vue实例做为集中式的事件中间件。Vue官方解释文档 只需要三步就可以实现两个毫无关系的组件间的通信。我通常将其命名为bus组件创建一个bus.jsimport Vue from "vue";export default new Vue();在发出信息的组件中原创 2021-03-21 14:52:47 · 177 阅读 · 0 评论