qcg14774125的博客

<el-select v-model="xialaValue" placeholder="请输入关联公式" > <el-option v-for="item in roleOptions" :key="item.value" :label="item.label" :value="item.value" ></el-option></el-select>da.

先上一个例子<template> <el-checkbox-group v-model="checkedCities" :min="1" :max="2"> <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> </el-checkbox-group></template>

1.父组件与子组件传值props首先呈现的是父组件的代码：<template> <div class="addNotice"> <Title :value="`企业公告`" :isChoose="true"></Title> </div></template><script> import Title from '@/components/Title' compon

<template> <transition name="el-fade-in"> <div class="upBack" @click="backTop()"> <img src="../../../static/image/home/up.png" alt=""> </div> </transition></template><script> export de.

window.onload=function(){ document.onkeydown=function(){ var e=window.event||arguments[0]; if(e.keyCode==123){ return false; }else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){ return false; } }; documen.

.el-table__body-wrapper{ background-color: #F7F6FF; } .el-table__body-wrapper::-webkit-scrollbar { width: 8px !important; height: 8px !important; }

第一步修改config里面的index.js 把assetsPublicPath：'/'修改成assetsPublicPath='./'第二步修改build里面的util.js if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, pub...

html中引入vue.js，如果页面加载慢的时候，会出现data里面的脚本代码，以下代码能够解决<p v-cloak>{{appname}}</p>[v-cloak]{display: none;} //设置隐藏完美解决！！！...

开始也是在网上百度一大堆类似答案，但是都不能解决，下面来说下怎么解决，很简单就两步首先在app.vue<template> <div id="app" ref="app"> <router-view/> </div></template>加一个ref='app'然后在监听watch: { $r...

问题如图：头部是一个组件，想在这个页面修改用户名点击确认修改后，头部名称跟到变化。思路：用户名在登录成功过后，存在vuex里面并且保存在本地（防止刷新消失）this.$store.commit('set_userName',res.data.data.username)vuex中state.js：userName:localStorage.getItem('userNa...

<el-upload class="upload-demo" :before-upload="beforeUpload" :headers="headers" drag accept=".ipa" action="string" ...

formatBit (val) { val = +val return val > 9 ? val : '0' + val }, // 秒转时分秒，求模很重要，数字的下舍入formatSeconds (time) { let min = Math.floor(time % 3600) let val = this.formatBi...

document.documentElement.style.overflowY = 'hidden' //禁止底层div滚动document.documentElement.style.overflowY = 'auto' //允许底层div滚动

exportBtn(){ axios.post(BASE_URL+'/api/app/export', '', { headers: { 'Content-Type': 'application/x-www-form-urlencoded', //请求的数据类型为form data格式 'toke...

首先是一个按钮是灰色并且不可点击然后当输入值时按钮变色，且可以点击代码如下：<div class="extract" @click="extractBtnFlag && extract()" :class="{ 'backGround': isClick }"> <span>提取</span></div&g...

由于项目有很多环境，所以不便再使用每次改接口名字，于是用到了了多环境打包问题，首先在项目根目录下新建几个文件其中.env配置（就是测试环境）为NODE_ENV = 'test'VUE_APP_CURENV = 'test'.env.development配置（就是开发环境）为NODE_ENV = 'development'VUE_APP_CURENV = 'devel...

先说下逻辑。首先在vuex里面state存下token值export default{ Authorization: localStorage.getItem('Authorization') ? localStorage.getItem('Authorization') : ''}然后在mutation.js写changeLogin (state, user) {...

公司要求，试着写了下类似QQ登录demo，发现很多坑，安卓进去不能自动播放,这个跟系统有关，试图寻找android下，页面加载完毕就可以自动播放，但现实是残酷的，android下是不允许自动播放的，即使你用了video.play(),也是不行的。必须有用户的主动触发，比如触摸了屏幕，有click或touch事件产生。不知以后android会不会改进，但至少目前来看是不行的。比较的好的办法是，引导用...

第一步：下载阿里巴巴图标库的资源到本地。第二步：在自己的assets创建一个icon文件，然后把下载的东西选择放进去。第三步：在main.js引入import './assets/icon/iconfont.js' //引入阿里巴巴图标库jsimport './assets/icon/iconfont.css'//引入阿里巴巴图标库css第四步：在App.vue的css...

网上看了一大堆，发现都不能用，于是结合了他们的经验自己补全了 mounted(){ window.addEventListener('scroll',this.handleScroll,true) }, methods:{ handleScroll(e){ console.log(e.target.scrollTop) }...