随笔分类 - vue2.0.x
摘要：1、安装 npm install vue-router --save 2、src下创建router文件夹并创建index.js文件 /src/router/index.js index.js /* * @Description: web router * @Author: wangwz10@leno
阅读全文
摘要：上一篇文章我们对element-ui下table组建做了一次简单的封装，实现了根据数据动态创建表头以及单元格数据，但是单元格的数据以及这种表格形式只能是纯文本的展示形式。随着需求的变化，我们可能会在表格中的显示按钮或者图片、视频等多媒体可交互的资源。结合element官方文档，对上一篇封装的代码又做
阅读全文
摘要：背景：实现一个通用化表格组件，根据数据驱动动态创建表头和行数据以及单元格 优点：无需根据业务场景创建多个Table模板适应多个业务。只需配置对应数据。 图例： 一、改造前element-ui实现方式 <template> <el-table :data="tableData" border styl
阅读全文
摘要：记录工作中遇到比较奇怪和难排查的问题：打开前端vue项目，页面无任何反应 一、控制台报错： 1、Resource interpreted as Stylesheet but transferred with MIME type text/html: "https://moli.lenovo.com/
阅读全文
摘要：1.前言 在vue中如果想要操作cookie，除了使用之前我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作，vue-cookies没有依赖关系，它可以独立存在，对vuejs友好。本篇博
阅读全文
摘要：在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。解决方案==>可以采用下面的方式 window.onresize = () => this.screenWidth = window.innerWidth // 改为以下写法
阅读全文
摘要：本文将描述遇到的问题，并给出解决方案 一、遇到的问题 使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面。 部署二级域名或者说多级访问的url，导致访问失败。（EG：http://www.baidu.com/baiduwangpan/aaaa） 二、解决方案 1、解
阅读全文
摘要：最近在项目中遇到移动端和pc端样式冲突的问题。加上scoped会导致 v-html 下绑定的标签样式不生效、第三方引用的类库对其修改也不生效，特此总结一下几点，用来解决： Vue为v-html中标签添加CSS样式 <template> <div class="hello"> <section> <h
阅读全文
摘要：最近开发项目 用到vuex， 刷新页面后偶发性的报错 hook.flushStoreModules is not a function 但是不影响页面任何功能和vuex的使用 进行了各种尝试仍然不行， 当前开发环境 "vue": "^2.5.2" "vuex": "^3.1.2" vue-cli:2
阅读全文
摘要：最近做项目，使用得vue作为基础框架。有这样一个需求，需要给返回来的富文本绑定事件，搜了一下众说纷纭。自己摸索了和总结出一套比较好用得方式。 利用JavaScript事件捕获，通过给使用v-html的标记绑定click事件，捕获到点击的标记。从而实现vue动态绑定dom元素事件的效果； 代码如下：
阅读全文
摘要：特征 没有依赖 使用可拖动，可调整大小或两者兼备 定义用于调整大小的句柄 限制大小和移动到父元素或自定义选择器 将元素捕捉到自定义网格 将拖动限制为垂直或水平轴 保持纵横比 启用触控功能 使用自己的样式 为句柄提供自己的样式 安装和基本用法 全局注册组件main.js中写入： 局部注册：在使用的组件
阅读全文
摘要：前些天做项目，过程中遇到了一个比较奇怪的问题：npm run dev 和 npm run build 的时候，出现了错误，导致项目无法启动。打包无法成功。报了一堆错误： 错误展示： 找了一下解决方案，在此记录一下，方便以后查询问题描述： Vue项目运行时服务突然停止(Node内存溢出),需要重新np
阅读全文
摘要：本篇文章使用vue结合element-ui开发tab切换vue的不同组件，每一个tab切换的都是一个新的组件。 1、vue如何使用element-ui 上一篇文章已经分享了如何在vue中使用element-ui创建tab组件切换内容（需要了解的朋友点击链接查看） 2、创建相应文件。 a、创建父组件
阅读全文
摘要：本篇文章使用vue结合element开发tab切换单页不同的标记显示不同的内容。 1、安装element-ui npm install element-ui --save 2、在main.js中引入element 和 css文件 // The Vue build version to load wi
阅读全文
摘要：一、实现功能 1、画出世界各国的世界地图 2、根据返回name->国家全称、value->数量，渲染对比世界各国成功的国家，予以值域范围的高亮 3、滑入国家地图，出现tooltip框，提示当前国家和访问量 二、demo展示 根据value的number大小，各国家颜色深浅不一 滑入某国，会提示当前国
阅读全文
摘要：1、安装 2、创建存放语言包和i18n入口文件 a、在src下创建i18n目录 b、在src/i18n/创建i18n.js （入口） c、在src/i18n/创建langs目录存放语言包 d、在src/i18n/langs/创建en.js(英文) 和 zh.js(中文)两个文件 i18n.js 1
阅读全文
摘要：本文档目的在于帮助对vue了解比较少的同学，能够快速配置vue应用中的接口地址。方便项目切换服务环境后，重新修改多组件的http请求地址。 一、前言 我们在上一篇文章分享了vue-cli项目基本搭建(可点击进入查看)。 本篇文章我们分享 vue 配置全局对象。在我们平时开发项目的时候，大多数会进行数
阅读全文
摘要：本篇文章分享一篇关于 vue制作可路由切换组件、可刷新根据路由定位导航（自动展开）、可根据路由高亮对应导航选项 一、实现的功能如下： 1、可折叠导航面板 2、点击导航路由不同组件 3、在当前页f5刷新，或者在url输入对应的路由地址，会根据路由打开左侧导航对应的位置并且展开、高亮 二、代码详情 1、
阅读全文
摘要：本文档目的在于让对vue了解比较少的同学，能够快速搭建属于自己的vue项目。（window） 一、构建项目的前提条件 1、确保本机安装了node.js ^6 --> javascript 的服务端的运行环境 2、确保本机安装了npm ^2 --> npm的包的管理工具 注意：如果你装了node.js
阅读全文
浙公网安备 33010602011771号