0 freya_Du

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 32w+

Vue使用is动态组件切换

一共需要三步就ok啦1.在组件里面声明components:{ 'AddType':AddType, 'Change':Change, 'MarketLook':MarketLook, 'MarketApproval':MarketApproval },2.在watch里面监听watch:{ titel(val){ if(val=='新增')

2020-05-20 09:19:35

code ELIFECYCLE npm ERR! errno 126 Exit status 126

报错如下sh: /workspace/web/smart-admin-web/node_modules/.bin/vue-cli-service: Permission deniednpm ERR! code ELIFECYCLEnpm ERR! errno 126npm ERR! smart-admin@1.0.0 dev: `vue-cli-service serve --open`npm ERR! Exit status 126npm ERR! npm ERR! Failed at th

2020-05-13 09:25:40

页面新增iconfont图标,超详细版

需求:项目原先有个字体图标库,需要新增一些字体图标1.首先打开iconfont字体图标库网址:https://www.iconfont.cn/2.可以在右上角框框里面搜索想要的图标搜索之后可以看到有282个关于“应用”的字体图标,选择想要的加到购物车里3.点击购物车里面的下载至本地,会下载一个包,文件目录如下:有用的是这四个4.为了防止与源文件冲突,将这四个文件重新命名一下,再导入到项目中命名之后:项目原先的配置及新加的配置5.最后一步,将iconfont.css文件夹里面的@

2020-05-12 10:48:51

Elementui Tooltip 文字提示 动态赋值

看了官网的介绍,可以在多个位置加提示。我是在右面加的文字提示,鼠标移入移出会有动画效果。后端返回的数据结构如下tableData: [ { corsName: '', status: '', corsCode: '', messageInformation:'' } ]...

2020-04-22 10:33:55

element 去掉表格底部白线

使用elementui 的表格,底部会出现一条白线,想要取消,可以在表格的伪类里面修改代码如下.el-table::before { height: 0px; }

2020-04-17 09:44:09

element-ui取消横向滚动条

想要穿梭框数据多的时候可以纵向着滚动,但是有时候会出现很丑的横线滚动。实现代码如下.el-checkbox-group { width: 100%; position: relative; overflow: auto; overflow-x: hidden;}...

2020-04-17 09:36:00

Vue深入式响应原理MVVM

vue官方文档里面说当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法shim 的特性,这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。那么shim...

2020-04-15 16:16:27

vue将后端传过来的数字 在前端页面显示为文字

首先看一下接口文档是这样的在vue获取列表的方法里面这样写代码如下,可直接复制 this.tableData.map(function (val) { if (val.auditStatus == 0) { val.auditStatus = '未审核' } else if (val.auditS...

2020-03-24 16:50:50

vue同时query,param传参

封装的apihttp.js/** * 导入 * @param {*} url 接口地址 * @param {*} formData 本地导入的文件 */export function postFormData(url, formData) { url = baseUrl1 + url return new Promise((resolve, reject) => {...

2020-03-20 13:09:20

时间转化前台将2020-07-17T03:07:02.000+0000转化为2020-07-17 11:07:02传参

用elementui的时间日期选择器,会自动设置为时间格式2020-07-17T03:07:02.000+0000但是后端的传参需要我传2020-07-17 11:07:02这种。有两种解决方法:1. 方法一,当你不是用elementui时,将如下代码直接复制到你的methods方法里,传参之前格式化一下就好了。 /** * 时间格式化,将时间格式转成字符串 */...

2020-03-17 11:24:25

背景铺满整个屏幕

css样式如下:.d-main-content { width: 96%; margin: 0 auto; height: 8rem; background: url('../../assets/tuodi.png') no-repeat ; background-position: center top; background-size: 100% 100%; o...

2020-03-10 09:23:21

vue3.0引入字体样式ttf文件

vue3.0之后,就把build目录隐藏掉了,所以想要配置配置webpack.base.conf.js 文件很麻烦。具体做法是:1.下载ttf字体包,把包放在common下2.在common文件夹下新建font.css文件,在其中引用字体文件并进行配置:@font-face { font-family: 'FZCYJ'; src: url('FZCYJ.ttf'); ...

2020-03-09 17:55:41

vue.js数组追加合并与对象追加合并

今天在做懒加载的时候遇到的问题,在网上搜索找到的答案不是很清晰,就来写一下,方便以后使用。直接上图吧官方连接:https://cn.vuejs.org/v2/guide/reactivity.html...

2020-03-03 11:44:39

重绘与重排

重绘-是指一个元素外观的改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。-触发重绘的条件:改变元素外观属性。如:color,background-color等。 重排(重构/回流/reflow)-当渲染树中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建, 这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时...

2020-02-27 10:52:56

vue项目+elementui报错 [Vue warn]: Invalid prop: type check failed for prop "index".

使用element-ui在vue项目中,使用NavMenu 导航菜单加入循环会有如下警告代码如下:<el-submenu v-for="(item, index) in hasChild" :index="index" :key="index"> <template slot="title"> <i :class="'el-icon-'...

2020-01-17 09:35:25

报错These relative modules were not found:

当你出现这种报错报错的时候These relative modules were not found:* ../http/api in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--...

2020-01-16 09:55:13

ES6字符串拓展方法

ES6字符串的扩展方法及模版字符串ES6加强了对unicode的支持示例总结字符串扩展api1.判断字符串是否包含指定字符串的几个方法2.字符串补全的方法3.模版字符串ES6加强了对unicode的支持ES5中js允许采用/uXXXX的形式表示一个字符,XXXX表示字符的unicode码点。这种码点只限于\uXXXX~\uFFFF之间的字符。超过这个范围,必须使用双字节的形式表示,但是ES5...

2020-01-10 13:30:07

vue css实现漂亮的滚动条

vue css实现漂亮的滚动条效果图HTML代码CSS样式效果图HTML代码 <el-col :span="8" class="rg-table"> <div class="eps-header"> <span class="add_title">基本信息</span> </div> &lt...

2020-01-09 11:24:09
勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。