=-=QAQ-优快云博客

原创 less mixin @media混入媒体查询

定义混入// @content 为对象.forPc(@content) { @media (min-width: 1024px) { // 遍历对象 each(@content, { // key：键 // value：值 @{key}: @value; }) }}混入使用.test { background-color: @themeBgColor; marg

2021-09-22 14:35:24 524

原创 vue-element-admin 动态换肤问题自己写的样式无法动态换肤只有element-ui有效果

ThemePicker 换肤组件中代码添加theme: { immediate: true, async handler(val, old) { const oldVal = old || ORIGINAL_THEME if (typeof val !== 'string') return const themeCluster = this.getThemeCluster(val.replace('#', '')) const originalCluste

2021-03-12 17:16:39 955 2

原创 textStyle hierarchy in name has been removed since 4.0. All textStyle properties are configured in n

这个警告是因为 echarts 改版啦配置项有调整radar: { // name 配置项改为 axisName name: { textStyle: { // textStyle 这个配置项已经移除啦所有样式直接写在axisName下 color: '#fff', backgroundColor: '#999', borderRadius: 3, padding: [3, 5] } }, indicator

2021-03-09 17:30:40 12841

原创 vue element-ui 组件库中 el-table 组件中加载图片没有 url 时,使用自定义指令设置默认图片失效

如题// 自定义指令对图片加载是失败的处理export const imgerror = { inserted(el, { value }) { // 如果img上没有 src 自动添加默认的 src value是 v-imgerror 传递的值 if (!el.src) { console.log(1) return (el.src = value) } // 如果有 src 但是加载失败了, 同样使用默认图片 el.onerror

2021-03-05 18:07:31 788

原创 js 列表对象数据转换成 excel格式数据

代码实现async exportExcel() { // element-ui loading效果参数 this.exportLoading = true // 获取列表数据请求 const { rows } = await getEmployeesDetail(this.page, this.total) // 中文为 excel 数据格式的表头 // 英文为后端请求数据的属性名 const Headers

2021-03-03 23:57:52 1000 1

原创 vue a链接下载文件失败(未发现文件) 已解决

需求：下载excel的导入模板问题：下载失败，未发现文件发现这个问题后，我查看啦下载的详情这里可以看到 vue 文件中 @ 绝对路径标识符没有识别解决方案先将需要下载的文件放入 public 公共资源文件下将 a 链接的路径改成以 index.html 为基准的相对路径这样就解决了，下面是下载成功的文件...

2021-03-02 16:58:03 3346 2

原创后台响应数据成功后 (status: 204) 控制台依旧报错

控制台的错误后台响应的状态问题解决方案后台只返回了状态并没有数据，造成的json数据转换失败此项目中由于id的数值超过了 2 的 53次方也就是JavaScript所支持的最大数值，就使用了JSONbig插件进行了大数处理axios.defaults.transformResponse = [ data => { // 对data（后台的原始数据）进行转换 console.log(data) //此时 data 是个空字符传，使用JSONBIG会报错，导

2021-02-04 17:37:19 1619

原创 vue 格式化函数名和括号之间的空格问题解决！！！

如题：用了另一个插件叫Prettier ESlint保存之前这里是.vue 文件的 script中的函数这里是.vue 文件的 template 页面布局这里是.vue 文件的 style css样式保存之后script 标签的结果template 标签结果style 标签结果setting.json中的配置"vetur.format.defaultFormatter.js": "prettier-eslint", //作用于js文件//作用于vue 文件

2021-01-21 15:22:22 10453 11

原创 Vue 子组件向父组件传递数据，父组件更新数据后，子组件模板第一次更新，之后不再更新问题解决方案

如题需求：将input 限制在 1-99 之间子组件向父组件发送数据//子组件文本框<input type="text" class="num" :value="item.num" @blur="changeNum(item.id,$event)" maxlength="2"/>//maxlength="2" 将数据限制在两个字符内,初步限制不会超过99//向父组件传递数据methods: { changeNum(id, $event) {

2021-01-09 15:38:34 1127

weixin_50541501的博客