![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Lei丶大叔
这个作者很懒,什么都没留下…
展开
-
element中before-upload不起作用的问题 、on-change上传文件大小限制
element中before-upload不起作用的问题 、on-change上传文件大小限制原创 2022-07-26 17:38:22 · 4873 阅读 · 0 评论 -
vue 子组件接受父组件 props 的命名规则
传入用 v-bind:propA = '传入的值'Vue.component('example', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型 propB: [String, Number], // 必传且是字符串 propC: { type: String, required: true }, // 数字,有默认值 ...原创 2021-12-06 15:00:01 · 561 阅读 · 0 评论 -
vue系列:强制渲染/强制刷新 this.$forceUpdate()
页面数据因为某种情况没有进行双向刷新可以调用此方法进行强制刷新this.$forceUpdate()原创 2021-10-14 14:28:30 · 173 阅读 · 0 评论 -
vue系列:定时器/轮询接口
1、data定义一个数据 go:null,//定时器fa2、开启that.go=window.setInterval(()=>{ setTimeout(this.getNew,0) //this.getNew自定义方法(可以放轮询的接口方法)不用加(括号)},1000)3、关闭定时器/轮询window.clearInterval(this.go);...原创 2021-10-13 15:22:22 · 624 阅读 · 0 评论 -
vue绑定class样式的四种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2021-10-13 14:54:09 · 549 阅读 · 0 评论 -
vue的生命周期函数
1、首先要创建实例 var vm = new Vue2、初始化3、执行方法函数(1)beforeCreate:执行的第一个声明周期函数 实例创建完成后立即执行它, 执行时 data 和 methods 中的数据还没有初始化(2)created : data 和 methods 的数据已经初始化(3)beforeMount:表示模板已经在内存中编辑完...原创 2021-10-13 14:53:44 · 62 阅读 · 0 评论 -
vue-router 使用步骤
第一步:npm install vue-router第二步:创建router.js文件上代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [{ //(自己设定的路由页面) path: '/', name: 'userSecond', meta: { keepAlive: false }, c原创 2021-07-19 13:54:40 · 103 阅读 · 2 评论 -
vue 父组件调用子组件数据 this.$emit()
vue 父组件调用子组件数据 this.$emit()1 子组件添加 this.$emit('chang',data) 方法change为自定义方法 data为数据2 父组件自定义方法@chang="StoryOutlineData" StoryOutlineData为父组件自定义方法3父组件调用方法 (e接受的数据)StoryOutlineData(e){this.data.StoryOutline=e},...原创 2021-05-14 15:38:03 · 638 阅读 · 1 评论 -
vue 在{{}}内 处理过滤后台返回字段 截取时间戳 yyyy-MM-dd
在vue {{}} 双括号内处理数据例:2021-04-30 20:12:56 =>2021-04-30 过滤时间的年月日1、自定义过滤jsfilters:{getPartTime(val){console.log(val)if(val){returnval.slice(0,10)}},...原创 2021-05-10 17:45:22 · 455 阅读 · 1 评论 -
遍历二维数组
let arr = res.data console.log(arr) for(var i = 0;i<arr.length;i++){ arr[i].choose =[] that.options.push({ id:arr[i].id, label: arr..原创 2021-04-30 16:33:50 · 82 阅读 · 2 评论 -
router路由vue 子路由嵌套children 重定向路由redirect
children router 子路由嵌套redirect:'/haveIp/works',重定向路由第一步第二步<router-link></router-link>代码{//个人中心path:'/haveIp',name:'haveIp',redirect:'/haveIp/works',component:resolve=>require([...原创 2021-04-12 11:38:41 · 2854 阅读 · 0 评论 -
vue列表动画,添加过度动画删除
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-12-06 11:31:04 · 498 阅读 · 0 评论 -
vue自定义指令 focus获取焦点
<inputtype="text"v-focus>1.//全局自定义指令 代码要放在new Vue的上面//注册一个全局自定义指令`v-focus`//使用Vue.directive()定义全局的指令v-focus//其中参数1:指令的名称,注意,在定义的时候,指令的名称前面,不需要加v-前缀...原创 2019-11-28 16:38:42 · 4416 阅读 · 0 评论 -
vue定时器的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-...原创 2019-11-15 10:34:25 · 619 阅读 · 0 评论 -
vue后台管理模板
# 克隆项目git clone https://github.com/PanJiaChen/vue-admin-template.git# 进入项目目录cd vue-admin-template# 安装依赖npm install# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=...原创 2019-07-04 10:48:26 · 359 阅读 · 0 评论 -
vue.js父组件引入子组件,父组件向子组件传值
1.父组件 v-bild:idx:="index"( idx为我for循环的key值 这里的idx不能key的名字一样否则子组件无法调用)2.子组件 props:['idx] 建议规范书写props:{idx:{ type:Number, (我这里是数字) default: 0}}目录App.vue为父组件 components的vue...原创 2019-08-29 18:37:32 · 168 阅读 · 0 评论 -
element中el-upload组件自定义参数
先找到el-upload组件的j目录(如下图所示)在props中添加 自定义参数的值objectBind:nul(小技巧:可以搜索onPreview:这个关键词查找)然后继续往下找到,this.onSuccess的执行地点,加上这个自定义参数this.objectBind最后在页面调用绑定参数调用就可以了在上传成功的时候调用over......原创 2019-09-06 17:38:06 · 2453 阅读 · 0 评论 -
element-ui DatePicker 日期选择器--设置结束时间大于开始时间
详细代码html<el-form-item label="开始日期"> <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="form.sendStartTime" type="date" placeholder="选择日期" :defa...原创 2019-09-10 18:04:27 · 1347 阅读 · 0 评论 -
vue-qr自动生成二维码并下载
第一步安装npm install vue-qr --save第二步引入组件import VueQr from 'vue-qr'components:{ VueQr },<vue-qr :logoSrc="config.logo" :text="scope.row.url" :size="200" :margin="0">&l...原创 2019-09-20 15:21:02 · 1609 阅读 · 0 评论