![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
宸晓闹
没有简介
展开
-
element UI Calendar - 自定义
<template> <div style="margin: 20px;"> <el-row> <el-col :span="6"> <el-calendar v-model="value"> <template slot="dateCell" slot-scope="{date, data}"> <div> &l原创 2021-12-13 13:18:31 · 586 阅读 · 0 评论 -
vue+elementUI+vue-i18n 实现国际化
在main.js同级建i18n文件夹,并里面建i18n.js、langs文件夹,langs文件夹下建en.js、cn.js目录如下:.├── App.vue├── assets│ └── logo.png├── components│ └── HelloWorld.vue├── i18n│ ├── i18n.js│ └── langs│ ├── cn.js│ ├── en.js│ └── index.js├── main.j.原创 2021-03-30 10:31:12 · 124 阅读 · 0 评论 -
element UI 上传文件成功后 - 清空文件
request({ url: '/jiekou', method: 'post', data}).then(res => { this.$message({ type: 'success', message: '上传文件成功!' }) this.$refs.upload.clearFiles() //清空文件})原创 2021-03-30 10:24:44 · 1096 阅读 · 0 评论 -
element UI dialog 固定高度 且关闭时清空数据
在dialog里写一个div ,div的大小设置为相对视窗的大小就行<el-dialog title="xxx" :visible.sync="dialogTimeVisible "@close='closeDialog'> <div class="el-dialog-div"> XXX.... </div></el-dialog><style lang="scss" scoped> .el-dialo.原创 2021-03-30 10:23:44 · 157 阅读 · 0 评论 -
Vue根据条件添加 click 事件
方式一:在绑定事件中直接添加标示量clickFlag<div @click="clickFlag && addGoodsHandler()"> XXX...</div>方式二:用v-if 、v-else-if、v-else 判断<div v-if="clickFlag" @click="addGoodsHandler()"> XXX...</div><div v-else> XXX....原创 2021-03-30 10:22:19 · 939 阅读 · 0 评论 -
el-dialog“闪动”解决办法
问题描述:el-dialog关闭的时候总是出现两次弹窗代码实践:在el-dialog上添加上一个v-if,值就是用闭窗的值,促使闭窗的时候就直接销毁窗口,这样就不可能再有弹出窗口事件了<el-dialog title="XXX" :visible.sync="dialogFormVisible" v-if="dialogFormVisible"> XXX...</el-dialog>...原创 2021-03-30 10:19:13 · 1383 阅读 · 0 评论 -
Element UI - DatePicker 自定义日期选择期间
<el-date-picker v-else v-model="searchForm.data_Selected" type="daterange" unlink-panels range-separator="~" start-placeholder="開始期間" end-placeholder="終了期間" :picker-options="pickerOptions" format="yyyy/MM/dd"><.原创 2021-03-30 09:54:35 · 415 阅读 · 0 评论 -
Vue中使input和el-input自动获取焦点的处理
【普通input的自定义指令操作】:先在入口文件注册一个全局自定义指令// main.jsVue.directive('focus', { inserted (el, binding, vnode) { // 聚焦元素 el.focus() }})【普通input的自定义指令使用】:v-"+指令名"// index.vue<input v-focus placeholder="因为有v-focus,所以我聚焦了" />【el-input的自定义指令操作】原创 2021-03-30 09:43:43 · 965 阅读 · 0 评论