vue全家桶
关注
分享
扫一扫
vue全家桶框架
IT、木昜
能用自己的力量站在这片大地上的人都是勇敢的人，而我想成为这样
展开
-
element el-dialog 对话框 含有form表单时，输入内容点击右上角的叉号无法清空表单bug
element el-dialog 对话框 含有form表单时，输入内容点击右上角的叉号无法清空表单bug解决方法：使用 el-dialog 自带before-close属性进行配置清空before-close： 关闭前的回调，会暂停 Dialog 的关闭 function(done)，done 用于关闭 Dialog 方法名 (done) { 这里进行配置 。 }...原创 2021-06-25 15:41:08 · 1365 阅读 · 0 评论 -
vue IE下验证码无法显示解决方法
vue IE下验证码无法显示解决方法使用axios进行get请求，返回格式为文件流可以使用一下方法解决axios({ method: 'get', url: '/verifyCode/authImage', data: { date: new Date() }, responseType: 'blob'}).then((res) => { const url = window.URL.createObjectURL(res.data) this.imgUrl = url原创 2021-03-30 16:27:18 · 775 阅读 · 0 评论 -
npm run eject无法暴露配置文件
npm run eject无法暴露配置文件我在初始化一个react项目过程中使用npm run eject 暴露配置文件发现无法暴露配置文件并报错原因可能是你项目中某个文件没有用git选中提交报错如下解决方案git add .或者webstorm 当中右键选择你的项目弹出选项列表 选择git 里面有个 add + 之后就可以使用npm run eject 暴露文件了...原创 2020-02-24 11:59:02 · 459 阅读 · 0 评论 -
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 如何解决 使用css3 touch-action: non...原创 2018-09-02 10:41:25 · 46868 阅读 · 24 评论 -
vue 使用better-scroll插件无法给动态dom添加点击事件
vue 使用better-scroll插件无法给动态dom添加点击事件better-scroll 是什么better-scroll 是一款重点解决移动端（现已支持 PC 端）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scrol...原创 2018-09-05 17:23:01 · 1153 阅读 · 0 评论 -
vue 组件传值之通讯录或地市选择和首字母排序组件代码
我是通过组件化的形式实现的父子组件传值，当中使用了vuex进行了数据共享最后合并成的城市组件<template> <div id="app"> <city-header :citylist="ShowCityList"&原创 2018-09-05 17:34:32 · 3768 阅读 · 7 评论 -
vue全家桶之vuex
vuex vuex的由来 vuex是一个数据共享状态管理的仓库，主要用于中大型项目中的复杂页面之间的组件传值（作者个人理解：类似于github的一种数据共享的仓库） 它是一种类似于facebook 中 Fluxvuex 的安装 和在组件中的使用 安装 在项目中使用 npm i vuex -s 进行安装 使用 首先创建一个store（仓库）的文件夹，里面新建index.js文件...原创 2018-09-12 09:12:00 · 372 阅读 · 1 评论 -
vue2.0路由守卫函数
vue2.0导航守卫『导航』表示路由正在发生改变 变化是一个过程,在变化的过程中执行哪些东西 路由的切换过程，本质上是执行一系列路由钩子函数，钩子函数总体上分为三大类：1.全局的钩子函数 : 定义在全局的路由对象中 2.某个路由独享的钩子: 可以在路由配置上直接定义 beforeEnter 钩子 3.组件的钩子函数 : 定义在组件的route选项中 1.1 全局钩子 全局钩子...原创 2018-07-14 11:02:14 · 1138 阅读 · 0 评论 -
better-scroll滚动无效 几种原因
better-scroll滚动无效 几种原因 1.是否设置初始化2.是否父元素设置了高度大于父元素 父元素可以设置100%， 3.DOM的的层级是否正确<div class="wrapper"> <div class="content"> content... </div></div>上面这种方式是可以实...原创 2018-08-22 18:17:35 · 2787 阅读 · 0 评论 -
vue中的Echarts的使用
Echarts是一个将数据可视化以图表的形式展现给用户 1.全局安装npm install echerts -S2.在main.js中使用//引入import echarts from 'echarts'将其继承在vue的原型上Vue.prototype.$echarts = echarts创建Echarts.vue组件<template> <di...原创 2018-07-21 08:23:41 · 937 阅读 · 2 评论 -
vue2.0路由的基本配置
vue2.0路由的基本配置本人所用的是vue2.0模版安装vue-router模块并配置首先在配置路由之前要安装vue-routernpm install vue-router --save引入到vue的项目模版当中import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)进...原创 2018-07-11 09:00:11 · 2527 阅读 · 0 评论 -
1.1 vue引入步骤
vue引入步骤 1、js文件引入 2、M： model 创建数据模型 3、V：View 创建视图入口 4、VM：ViewModel 连接视图入口以及数据模型下面是一个小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2018-03-07 15:36:10 · 356 阅读 · 0 评论 -
vue登录注册组件源码（注释）
vue登录注册组件源码（注释）此组件，简单实现了防短信轰炸，样式我使用了一些Bootstarp的表单样式 注册&lt;template&gt; &lt;div class="warp"&gt; &lt;div class="main"&gt; &lt;div class="h原创 2018-07-12 09:36:59 · 11358 阅读 · 2 评论 -
vue星级评分组件源码
vue星级评分组件源码&amp;lt;template&amp;gt;&amp;lt;p&amp;gt; &amp;lt;span v-for=&quot;Class in starArr&quot; :class=&quot;Class&quot; &amp;gt;&amp;lt;/span&amp;gt;原创 2018-07-06 19:48:03 · 2731 阅读 · 3 评论