触不到的颜色是否叫彩虹的博客

1. FullScreen.vue<template> <span class="full_screen" @click="toggleFullScreen"></span></template><script>import { mapActions, mapMutations, mapState } from 'vuex'export default { name: 'FullScreen', data(){ return

1. elementConfig.jsimport { Carousel, CarouselItem, Dropdown, DropdownMenu, DropdownItem, Dialog, Button, Form, FormItem, Input, Table, TableColumn, Image, Upload, Select, Option} from 'element-ui'export default { install (V) { V.use(Carousel)

安装npm install postcss-pxtorem@5.1.1 --save-devpostcss-pxtorem版本6.0.0因为版本太高导致报错配置: 修改package.json "postcss": { "plugins": { "autoprefixer": {}, "postcss-pxtorem": { "rootValue": 18, "minPixelValue": 2, "prop.

当required属性为变量时，rules规则应写在el-form-item项上，如果写在el-form上，则第二次打开dialog时会触发校验并且显示校验结果。eg:假设有单选项type，枚举值为1，2。另有一项user，type值为1时必填，type值为2时非必填。未完待续...

路由/userAudit和/userManage共用了同一个view，table有selection, a, b, c, 操作五个列，/userManage显示a, c, 操作三列；/userAudit显示selection, a, b三列。当路由在/userAudit和/userManage间切换的时候，列表显示出现问题，<el-table v-if="renderTable"></el-table>data() { return { renderTable: true

由于http响应头会带有服务器时间，所以就在响应拦截器中获取了服务器时间import store from '@/store'service.interceptors.response.use((response) => { if(response.headers['date']) { store.commit('common/setServiceTime', response.headers.date) }})common stroeconst state = { differ

按照推荐将vue的路由配置如下来实现懒加载，但是路由懒加载不生效，还是会把所有的chunk加载出来：{ //首页 path: '/index', name: 'index', component: () => import(/* webpackChunkName: "home" */ '@/views/index/index.vue'),},{ //列表 path: '/list', name: 'list', component: ()

组件代码<template> <div> <quill-editor v-model="content" ref="quill" :options="editorOption" class="editor"> </quill-editor> <input type="file" @change="onEditorChange" id="upload" style="display:none;" /> </div>&l

1、安装 vue-awesome-swipernpm install vue-awesome-swiper swiper@5.x --save2、使用 vue-awesome-swiper<template> <swiper class="swiper" :options="swiperOption" ref="mySwiper"> <!-- slides --> <swiper-slide>I'm Slide 1</swiper-sl

动态设置背景图<template> <div class="wrap" :style="bacImage"> <img :src="iconUrl" alt=""> <div class="weather-info"> <span class="temperature">31℃</span> <span class="weather">{{weatherInfo.weather}}</span&

添加用户的时候需要选择本地照片或拍照采集用户头像：子组件<template> <div class="image-capture"> <div class="camera_outer"> <div id="placeholder" class="placeholder" v-show="!showVideo"> </div> <video id="videoCamera" :width="vide

前几天看别人文章写得，那时候没空没写博客。这时候再找却找不到原文了，大家有看到原文的话请留言告知，不胜感激。1、子组件export default { name: 'Nav', functional: true, render(h, { props }) { return props.menus.map((menu) => { if(!!menu.childs && menu.childs.length > 0){ return h('el-subme