Honker Caleb的专栏

项目场景：一般用于echarts统计数据问题描述：一般统计数据，需要统计最近12个月数据，坐标轴需要显示最近12个月 解决方案： /** * 获取最近12个月，经常用于统计图表的X轴 */getLast12Months: function () { var dataArr = []; var data = new Date(); var year = data.getFullYear(); data.setMonth(data.getMonth(

项目场景：el-image-viewer使用注意更正在el-table中使用el-image-viewer的注意事项问题描述：在table中使用el-image-viewer循环查看图片，使得其中的一些图片成为了背景图，导致多张图片重叠<template slot-scope="scope"> <el-image-viewer v-if="showViewer" :on-close="closeViewer" :ur

项目场景：elementui组件中，树形组件的使用问题描述：通过树形结构展示，点击勾选数据。没有展开树结构的情况下，勾选树节点时，其叶子节点全部被勾选，@check-change=“handleCheckChange”，叶子没有响应check-change函数<el-dialog title="短信接受对象选择" :visible.sync="dialogVisible" width="40%" :close-on-click-

引用在vue头中引用组件，因为image-viewer是属于Image组件中一个单独的功能，我们单独导入此包。代码如下：import ElImageViewer from 'element-ui/packages/image/src/image-viewer';引用完了，注册为组件//单个vue只引用这一个组件写法components: {ElImageViewer},使用：<el-image-viewer v-if="showViewer" :on-close="

1. 准备1.[].slice.call(lis): 将伪数组转换为真数组2.node.nodeType: 得到节点类型3.Object.defineProperty(obj, propertyName, {}): 给对象添加/修改属性(指定描述符) configurable: true/false 是否可以重新define enumerable: true/false 是否可以枚举(for..in / keys()) value: 指定初始值 writable: true/false va

1. vue脚手架用来创建vue项目的工具包创建项目: npm install -g vue-cli vue init webpack VueDemo开发环境运行: cd VueDemo npm install npm run dev生产环境打包发布 npm run build npm install -g serve serve dist http://localhost:80802. eslint用来做项目编码规范检查

1. vuex是什么github站点: https://github.com/vuejs/vuex在线文档: https://vuex.vuejs.org/zh-cn/简单来说: 对应用中组件的状态进行集中式的管理(读/写)2. 状态自管理应用state: 驱动应用的数据源view: 以声明方式将state映射到视图actions: 响应在view上的用户输入导致的状态变化(包含n个更新状态的方法)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5Wlng3

1. Vue.js是什么?1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面3). 特点: * 遵循MVVM模式 * 编码简洁, 体积小, 运行效率高, 移动/PC端开发 * 它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目4). 与其它框架的关联: * 借鉴angular的模板和数据绑定技术 * 借鉴react的组件化和虚拟DOM技术5). vue包含一系列的扩展插件(库): * vue-cli: vue脚手架 * vue-

vue全家桶初步了解1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。1.1、安装vue-clinpm install -g @vue/cli//卸载 npm uninstall -g @vue/cli-g :代表全局安装。如果你安装时报错，一般是网络问题，你可以尝试用cnpm来进行安装。安装完成后，可以用vue-V :来进行查看 vue-cli的版本号。注意这里的V是大写的。我这里版

vue脚手架搭建一、安装vuenpm install vue -g二、安装vue-routernpm install vue-router -g三、安装vue脚手架npm install vue-cli -g 查看vue脚手架版本vue -V注意此处V为大写四、测试vue是否正常打开cmd，切换到D盘根目录vue init webpack vue01cd vue01npm install -gnpm run dev自动打开浏览器http://localh

npm——安装教程npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）一、下载提供百度云盘下载链接：https://pan.baidu.com/s/1szYDyL-cvWv7gGlPjBf3eQ提取码：vvw7二、安装