logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue中鼠标悬浮切换图片src

需求:1. 鼠标悬浮到图示按钮上面,图片切换成灰色按钮2. 鼠标离开图示按钮,图片切换成回白色按钮Html部分:<!-- 如果此处的两个鼠标事件不生效,可以在mouseenter后面添加.native后缀 --><div class="left-btn"@click="saveTemplate()"@mousee...

Vue中动态样式绑定的经典用法举例( :style以及 :class)

需求:在当前企业名片主题 (EnterpriseTheme) 为 'qinglianxiyu' 时,该组件所占位置的 margin-top 为'0';其他情况为'260px'。1.用:style的方式HTML部分:<!-- 注意此处的属性名,需用驼峰式而不能用连接符式 --><div :style="{marginTop: theMarginTop}"...

Vue中评论列表里的文字实现“查看全文”效果,超过100字的部分自动隐藏,点击“查看全文”之后再显示当前评论全部文字

效果图:解决方法:1.遍历获得的列表数据,给每个评论以及评论的第一个回复,添加一个新属性2.根据这个属性值(true or false),给文字显示两种css(超过100字的以及少于100字的)3.点击"查看全文",遍历列表数据,根据id比对,将对应id的这个新属性的属性值取反代码如下:Html部分:<div class="item-body">&...

Vue中使用router.meta.keepAlive对页面进行缓存

需求:1. 从stockList页面到stockInfo页面,从stockInfo页面返回stockList,缓存stockList页面2. 从其他页面进入到stockList页面,则不缓存stockList页面路由配置文件中:{path: '/stockSelectionAndDiagnosticStocks',name: 'stockSelecti...

使用git对于开发环境、测试环境、生产环境一个完整项目的运用

需求:1. 一个项目有三个环境,开发的即开发者本地调试的环境,测试的用于测试人员质控的环境,生产的用于用户的环境2. 三个环境对应各自单独的服务地址3. 每个环境有自己单独的环境配置(以上的需求可通过设置环境变量来完成,但是我们这次的方式更适合前端新手来分离三个不同的环境,比如Vue的脚手架搭建的项目只有开发和生产两个环境变量,测试的环境变量需要...

#git
到底了