![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
代码修整工
这个作者很懒,什么都没留下…
展开
-
sass-loader 与 node-sass傻傻分不清
Node-sass是一个库,它为Node.js提供了绑定到LibSass,LibSass是流行的样式表预处理器Sass的C版本。它允许您以令人难以置信的速度将 .scss 文件本机编译为 css,并通过连接中间件自动编译。官方地址 [以下node与node-sass的版本对应。原创 2023-02-24 16:52:07 · 2930 阅读 · 1 评论 -
JavaScript正则表达式替换字符串中图片地址(img src)的方法
:鼠标放上面变放大镜点击可以放大预览。如果要替换src的话,把$1参数换成自己要替换的地址。vue引用组将,在main.js加入代码。原创 2022-09-29 15:59:14 · 3500 阅读 · 0 评论 -
element -UI升级,使用el-tabs导致浏览器卡死问题
elementUI版本升级踩坑原创 2022-08-31 09:59:41 · 2781 阅读 · 0 评论 -
Element-ui项目打包后icon图标不显示——踩坑记录
升级elementUI后发布图标不显示踩坑原创 2022-08-31 09:26:03 · 3467 阅读 · 0 评论 -
vue登录滑动验证
Vue滑块原创 2022-07-25 10:11:34 · 4964 阅读 · 0 评论 -
el-autocomplete修改下拉框宽度
el-autocomplete修改下拉框宽度el-autocomplete 对下拉框的默认宽度是跟输入框一样的大小,如果下拉框的内容放不下,我们就要自己指定宽度方法如下:element-ui el-autocomplete指定属性:popper-append-to-body=“false”<el-autocomplete class="inline-input" :popper-append-to-body="false" placeholder="请输入部门" v-model="formI原创 2022-04-15 15:02:07 · 6714 阅读 · 2 评论 -
Vue keepAlive实现不同的路由共用一个组件component的缓存问题
不同的路由共用一个组件component,并用keepAlive实现不同的页面缓存实现功能:使用列表页面检索的数据跳转到对应的详情页面,从详情页回到列表页能记住上次检索的数据,再次切换到详情页时能正常取到对应的数据实现方式使用Vue keepAlive实现页面缓存,整理了一些资料和其他的博客在这里记录一下。。。。keepAlive原理:1,保留组件的状态,在重新进入页面时避免重新渲染。2、是抽象组件,它自身不会渲染DOM元素,也不会出现在父组件链中。3、当组件在 内被切换,它的 activat原创 2021-08-31 11:42:45 · 4266 阅读 · 0 评论 -
el-popover使用doclose关闭窗口不生效
Vue在el-table中使用el-popover遇到的坑el-table表格中使用el-popover打开和关闭失效的问题及解决过程在 element-ui 中 el-table 中使用Popover弹框<el-table-column> <template slot-scope="scope"> <el-popover placement="bottom" title="更多" width="100" trigger="click" :ref="`popover原创 2021-05-26 15:23:42 · 6167 阅读 · 16 评论 -
Vue+Element ui表格高度根据浏览器自适应
Vue+Element ui表格高度根据浏览器高度自适应el-table动态绑定table的高度值<el-table :data="List" :height='tableHeight' stripe border highlight-current-row>data定义变量tableHeight创建时获取窗口高度,在created()执行created() { this.tableHeight = (window.innerHeight - 200)原创 2021-04-14 17:52:37 · 1572 阅读 · 0 评论 -
虚拟机安装nginx并部署Vue项目
虚拟机安装nginx并部署Vue项目虚拟机用的操作系统是centos7一、安装nginx需要先将官网下载的源码进行编译,编译依赖gcc环境,如果没有gcc环境,需要安装gcc:yum -y install gcc二、 Nginx下载安装wget http://nginx.org/download/nginx-1.13.0.tar.gz三、Nginx解压安装:解压文件到usr/software目录下面,如果没有software文件夹需要先创建 tar -zxvf nginx-1.13.原创 2021-04-14 17:13:34 · 2841 阅读 · 1 评论 -
vue + element el-table表格出现错位
vue + element el-table表格出现错位应用问题场景是用v-if 来控制Table某列 显示和隐藏, el-table中渲染出现最下面一列会渲染不全,以及有时候会出现行错位问题通过el-table的doLayout()解决了,关于doLayout()官方文档如下描述在触发加载表时添加this.$nextTick(() => { this.$refs.formGoodsTable.doLayout() })最后完美解决...原创 2021-04-09 16:48:01 · 1937 阅读 · 0 评论 -
vue.js+iview+springboot搭建一个前后端分离登陆demo
一、前端(vue.js+iview)1.新建一个静态的网页项目,这里我给项目取名为login2.初始化包结构3.安装iview首先先停止vue项目(在控制台按Ctrl+C,再按Y停止项目),停止以后执行命令npm install --save iview4.在main.js中加入iview加入的代码为import iView from ‘iview’import ‘iview/dist/styles/iview.css’ // 使用 CSSVue.use(iView)如果ma转载 2021-04-07 17:05:09 · 722 阅读 · 0 评论 -
Vue实现在线导出数据到Excel
Vue实现在线导出数据到Excel.引言:这次给大家带来Vue导出excel表格实例详解,Vue项目纯前端导出数据到Excel,并保存文件到本地。安装依赖在控制台输入npm install -S file-saver xlsxnpm install -D script-loader引入公用组件js文件下载所需的两个文件:Blob.js、Export2Excel.jshttps://download.csdn.net/download/code_carrierV1/13721006解原创 2020-12-18 14:48:54 · 972 阅读 · 0 评论 -
vue中实现回到顶部功能
<img v-if="btnFlag" class="go-top" src="图片url" @click="backTop">data () { return { scrollTop: 0 } }// vue的两个生命钩子,这里不多解释。// window对象,所有浏览器都支持window对象。它表示浏览器窗口,监听滚动事件mounted () { window.addEventListener('scroll', this.scrollToTo转载 2020-12-11 12:04:37 · 862 阅读 · 1 评论 -
idea中实现vue 项目按住ctrl+引用组件名自动跳转到对应组件
1.在所在项目打开File --》 setting ,搜索webpack2.配置idea的webpack配置文件,即在idea的设置中找到项目里面build下的webpack.base.conf.js文件3. 点击apply就OK了如果不生效重启idea原创 2020-11-27 10:56:24 · 3511 阅读 · 1 评论 -
vue 实现数字缓动效果
vue 实现数字缓动效果对于静态网页,增加一个数字缓动的效果能更好提升用户体验,例如数字从0增加到一百,有个动态变动的过程,当然直接变也可以, 就是效果没那么好看下面看代码安装依赖:npm install --save @tweenjs/tween.jsHTML <el-col :span="5"> <div style="margin-top: 30px;border-right: 1px #D8D8D8 solid"> &原创 2020-09-22 14:49:10 · 1873 阅读 · 0 评论