ALoye_喜樂的博客

当我们新增和编辑使用的是同一个el表单时，当表单打开时需要重置表单校验，所以在表单加载完成之后添加代码

文章目录v-show和v-if的区别methods、computed、watch三者的区别标题如何给一个响应式对象中添加一个属性vue中组件通讯的方式有哪些vue的生命周期解释一下vue中单向数据流的理解什么是动态组件，如何使用，以及keep-alive的作用使用keep-alive会增加哪两个生命周期vue中solt的使用方式，以及solt作用域插槽的用法为什么在组件内部data是一个函数而不是一个对象vue中动画如何实现浅谈对路由的理解路由跳转方式有哪几种路由传值的方式有哪几种路由配置项常用属性及作用

封装递归组件if-condition-<template> <div> <div v-if="dataInfo.children && dataInfo.children.length>0" class="condition-item-con"> <div class="condition-line-con" v-if="dataInfo.children && dataIn.

bus.jsimport Vue from 'vue'const Bus = new Vue()export default Bus使用的时候要引用Busimport Bus from './bus.js'this.$nextTick(()=>{//解决第一次触发emit无效问题 Bus.$emit('updateFormData',123)})beforeDestroy () { // 销毁监听事件 Bus.$off('updateFormData')}imp

基于vue-codemirror实现的代码编辑器开发环境jshint 2.11.1jsonlint 1.6.3script-loader 0.7.2vue 2.6.11vue-codemirror 4.0.6element-ui 2.13.1 （使用到element-ui message组件,提示错误消息,如果不想安装该组件，替换编辑器中的this.$message所在行函数代码即可）功能介绍1、 支持不同的代码编辑模式目前仅支持支持json, sql, javascript，css，

/** * 通过url字符串，筛选出参数 * @param url url字符串 * @return {Object} 返回参数对象 */ getQueryString(url) { let args = {}; // 保存参数数据的对象 let index = url.indexOf('?') if(index != -1) { let qs =url.substr(index+1); // 获取url中"?"符后的字串

/*** 转换时效 * @creatTime creatTime 创建时间 时间戳 * @param time 时效 20天 */dateTimes(creatTime,time){ var timestamp = Date.parse(new Date());//当前时间 var times = creatTime+(time*1000*60*60*24); var runTime = parseInt((times- timestamp)/1000); var

首先先装下依赖npm install swiper vue-awesome-swiper --save在main.js里进行全局引入//swiperimport VueAwesomeSwiper from "vue-awesome-swiper"Vue.use(VueAwesomeSwiper)//Swiper 6.0版本后要单独引用Navigation, Pagination, EffectFade, Autoplayimport Swiper, { Navigation, Paginat

可以解决图片不同源下载问题<img class="detail-img" v-for="(item,index) in fileList" :src="item.url" :key="index" @click="downloadIamge(item.url,item.name)"/>/** * 表单查看详情状态下载图片 * @param imgSrc 图片地址 * @param name 图片名称 */downloadIamge(imgSrc, name) { var

父组件<template> <div class="element-box"> <el-menu :default-active="value" @select="changeEvent" > <menu-tree :menuData="dataList"></menu-tree> </el-menu>

<el-form-item label="业务主题：" prop="theme" required> <el-select v-model="ruleForm.theme" :placeholder="language.matter_theme" v-el-select-loadmore="loadMoreTheme" class="w-600"> <el-option v-for="item in th.

重新用ts+v3写了一下，简化了一些功能，需要的自取月历周历

将这种格式转换成下面这种let arr = [{ profession: "专业1", work_type: "工种1", train_time: "2020/10/26-2020/10/26" }, { profession: "专业1", work_type: "工种1"

<el-radio-group v-else v-model="radioLabel" class="radio-group"> <div v-for="(item,index) in dataSettingForm.staticData" :key="index" draggable="true" @dragstart="dragStart(index)" @dragenter="dragEnter(index)" @drageover="dragOver(index)" @dr.

第一个链接是npm install的第二个是引入script的，以防万一我两个都用了https://www.npmjs.com/package/jsmediatagshttps://wwwindex.bootcdn.cn/jsmediatags/下面是我在项目中使用方法先在index.html中引入script <script src="https://cdn.bootcdn.net/ajax/libs/jsmediatags/3.9.3/jsmediatags.js">&lt

左边表格是调后台接口所得到的，不调接口可以自己写点数据的哈，在实现穿梭框的同时又自己写了删除列表功能（弹出框哦），可删除可恢复。下面是HTML代码<template> <section> <!--工具条--> <el-row> <el-col :span="18" style="padding-bottom: 0px;margin-left:4%;"> <el-form style="display

这里是HTML代码<!--工具条--> <el-row> <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> <el-form class="title-bar" style="border-bottom: 2px solid #eef1f6;margin-bottom: 10px;"> <el-form-item st

<template> <div class="vm-image-list"> <Row class="image-list-heading vm-panel"> ... </Row> <Row class="image-list" :gutter="16"> // v-for循环v-card组件 <Col :lg="6" :sm="12" class="vm-margin" v-

用的formData的方法上传<div class="per-infos-box infos-head"> <p class="infos-title">头像</p> <img :src="imageUrl" class="avatar" alt /> <input type="file" @change="getFile(...

data() { return { overTime: "",//超时时间 orderUuid: this.$route.query.orderUuid, orderInfos: {}, expectFinishTime: "",//预定到达时间 }; }, mounted() { this.getOrderDe...

这里会用到vue的scroll插件，因为用的比较多就在main.js中引用了，别忘安装依赖npm install vue-scroller -dimport VueScroller from 'vue-scroller'; Vue.use(VueScroller);下面放代码<template> <div class="takeout-box">...