caoyan0829的博客

1.window.Location.href 的测试2.window.open的测试方法3.第三方插件，测试的时候直接在window上mockFn 就可以了

1.mvvm工作原理（发布订阅模式和数据劫持）2.vuex的工作原理3.vue和react的对比

HTML： <el-form-item label="生产日期"> <el-date-picker v-model="queryDateRange" size="mini" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-".

data() { var validateSplitNum = (rule, value, callback) => { if (value < 1) { callback(new Error("请输入大于零的正整数")); } else { callback(); } }; return { rules: { splitNum: [ { requir...

<el-table v-loading="loading" :data="data" border default-expand-all :row-key="getRowKeys" :tree-props="{ children: 'children', children: 'children' }" > getRowKeys(row){ return row.code + row....

1. // 多选框选中数据 handleSelectionChange(selection) { this.multipleSelection = selection; this.ids = selection.map((item) => item.postId); this.single = selection.length != 1; this.multiple = !selection.length; },

1.效果图初始类别，一级分类点击行业分类后，进入二级分类，右下角有返回上一级点击寄递行业中心1，进入三级分类，右下角有返回上一级 2.icon路径：https://wudan.blog.youkuaiyun.com/article/details/1040395263.完整代码<template> <div :class="className" :style="{ height: height, width: width }" />&lt...

1：先看官方介绍created 类型：Function 详细： 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$elproperty 目前尚不可用。 参考：生命周期图示 activated 类型：Function 详细： 被 keep-alive 缓存的组件激活时调用。 该钩子在服务器端渲染期间不被..

<el-form ref="form" :model="form" :rules="rules" label-width="110px"> <el-form-item label="派工单号" prop="postCode"> <el-input v-model="form.postCode" /> </el-form-item> <el-form-item label.

1：文件位置2：页面代码<template> <div class="app-container"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="工厂布局" name="first"> <plant-layout /> </el-tab-pane> &.

直接上代码： 页面js /** 新增按钮操作 */ handleAdd() { this.reset(); this.$router.push({ path: "/orderControl/add", }); }, /** 修改按钮操作 */ handleUpdate(row) { this.reset(); console.log(row); this.$ro.

先看下代码问题：我发现 nesting-details 的样式没有变化，然后我就看了下Elements的打印发现！！！一下子我就懂了，原来element ui 把 el-dialog 弹窗的元素给分离出去了，他不是当前dispatch-index页面内部的元素而是相当于一个全局的元素去展示的，所以之前scss表里的嵌套关系是错误的 要改成：ok：问题解决结论：dialog弹窗的样式，单独处理，不能结合本页面去写嵌套样式...

效果图：HTML代码，这里用到了Slot <el-steps :active="6" finish-status="error " align-center> <el-step v-for="(item,index) in waySnapshotData" :key="index" :title="item.title"> <template slot="descripti...

<el-table-column prop="warn" align="center" label="报警"> <template slot-scope="props"> //这里对列表数据的 warn参数做出逻辑处理 <el-tag :type="props.row.warn == 0 ? 'success' : 'danger'" effect="dark">{{props.row.warn }}&...

1.先上效果图2.html //颜色块 <el-table-column prop="status" label="状态" align="center" width="80"> <template slot-scope="props"> <el-tag :type="props.row.status == 1 ? 'success' : 'danger'" effect="dark"></el-

1.选择时间，经过处理看打印结果2.js代码 datePickerChange(item) { console.log('startTime:',item[0]) console.log('endTime:',item[1]) if (item) { //startTime let d1 = new Date(item[0]); let dm1 = d1.getMonth() ..

1.development和production都改下默认url2.api接口文件 我的接口就是http://xx.com/loginimport request from '@/utils/request'export function login(data) { return request({ url: '/login', method: 'post', data // method: 'get', // params: da...

直接上代码 <el-table v-loading="loading" :data="companyList" @selection-change="handleSelectionChange" @cell-dblclick="handleUpdate" border > <el-table-column type="selection" width="55" align="center" /&gt

<dir class="video-box-inner"> <div class="video-play" @click="videoPlay" v-if="playIcon"></div> <!-- playsinline="true" controls ...

问题：我做项目的时候 发现vue返回上一页的时候，有时候router不会读取router上的参数，就会导致我的项目空白。思路：让返回上一页的时候，上一页能读取到路由参数解决：根据上下页的name为判定 去给上一页刷新 this.$router.beforeResolve((to, from, next) => { if (to.name ...

Vue.prototype.$http = axios;Vue.config.productionTip = false;Vue.prototype.$event = new Vue();/* eslint-disable no-new */var init = function() { new Vue({ el: "#app", router, stor...

效果图：HTML部分代码： <cube-form-group style="background: #FFFFFF;"> <cube-form-item :field="fields[0]"></cube-form-item> <cube-form-item :field...

1：在App.vue中要这样使用 ，let _this = this在内部函数onShow，onLaunch等生命周期函数中要这样：wx.getStorage({ key: 'phoneNumber', success(res) { _this.$options.globalData.obtainChatAllow = true; _this.$options.globa...

这里面用了导航守卫去定义url 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                     ...

直接加上这句话 @click.stop 就可以了 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                    ...

&lt;cube-scroll    ref="scroll"    :scrollEvents="['scroll']"    @scroll="onScroll"    :data="saleHouseModelAppList"    :options="scrollOptions"    @pulling-up="onPullingUp"&gt;

官网上面写的很不详细，我自己研究了一下这是单独的slide组件引用组件的时候需要将这个绑定的属性写在计算属性中 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                    ...

最有效简单的方法就是使用promise 进行步骤的请求mounted () {    const _this = this;  getDictSpecialLabel().then((res)=&gt;{    _this.specialLabel = res;    }).then(()=&gt;{return getDictRoleType().then((res)=&gt;...

因为转换的rem太小了，宽度为1px在有些机型就显示不出来。将宽度为1px  写在内联样式中,就会显示出来了。   左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                     ...

  这是后台返回的富文本，其中包含了&lt; img/&gt;标签，如果img标签的src路径不对，就不让他显示出来上代码： &lt;div class="info-content info-page" v-html="infoData.content"&gt;&lt;/div&gt; let imgs = document.querySelectorAll('...

&lt;img :src="item.logo + '?x-oss-process=style/hd'" v-if="item.logo" class="house-photo" :onerror="defaultImgEro"/&gt;defaultImgEro:'this.src="https://img.cdn.zhaoshang800.com/img/2018/08/08/...

&lt;input type="number" pattern="[0-9]*" oninput="if(value.length&gt;7) value=value.slice(0,7)"placeholder="最小面积" /&gt;pattern="[0-9]*"  是为了兼容ios的   亲测有效  下面分享一个公众号，写一些散文和影评等。   ...

先看效果图。部分HTML代码，核心代码<template> <div id="app"> <transition name="fade"> <section class="container" > <header class="full-header" > <img src=...

说明平时的学习资源都比较的凌乱，看到好的资源都是直接收藏在浏览器的收藏夹中，这样其实并不方便，整理在云笔记上，也不方便查看修改记录，索性就整理在 github 上并开源出来，希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源，统一管理，方便随时查找。目前整合的学习资源只是前端方向的，可能会存在漏缺比较好的资源，需要慢慢的完善它，欢迎大家一起来维护，githu...

按照官方写上html <div class="scroll-list"> <cube-scroll ref="scroll" :data="tabsText" ...

这是cube的demo页面代码，我们可以很清晰的看到， 如果我们将.slide-container-v放到自己的页面class下面，会发现轮播不好使，  我们要把.slide-container-v放到第一级别 就可以了 左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                    ...