logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

css3使用calc()计算高度的用法

使用vue进行移动端h5开发时,底部tabbar封装成了公共组件进行使用,计算页面高度时使用100%减去tabbar高度,一直不起作用,今天终于发现自己错在哪里了,真是被自己蠢哭表达式中有“+”和“-”时,其前后必须要有空格,我没有留空格,然后修改了一下写法,问题解决了还是自己太粗心,对这些基本用法没有深入了解,只知道有这么个东西,导致被困惑许久网上搜索的一篇文章个人认为写的还是挺全面的链接如下:

#css3#vue.js#html5
vue页面中用v-html渲染出的图片如何实现图片预览

vue页面中用v-html渲染出的图片如何实现图片预览最近项目提出了个新需求,公告详情里的图片要实现图片预览的功能整个公告详情的内容是后台通过富文本编辑器上传的,我前台根据id拿到对应的公告详情,通过v-html渲染到页面上之前实现的图片预览我是通过vant的图片预览组件(ImagePreview)实现的,接口拿到图片列表,直接应用就好了<div class="img_wrapper...

#vue.js#javascript#es6
vue+element-ui table表格一个单元格中添加多行数据

vue+element-uitable表格一个单元格中添加多行数据话不多说,先上效果图,值得借鉴可以接着往下看项目中有这样的需求,需要把所有数据按组的方式进行划分并打包,如果一个商品一条数据的话就显得太繁琐,用户体验并不好,于是乎就想到上面这种方式进行渲染和操作,有了想法就去找实现方式呗直接去翻了elementui组件,竟然没有这种渲染方式,那就只有另辟蹊径了:在table表格一个单元格中使用te

#javascript#vue.js#html5 +2
vue+elementUI框架 实现走马灯图片高度自适应

vue+elementUI框架 实现走马灯图片高度自适应element UI自身的carousel组件容器的高度是固定写死的,就算把image图片的宽度设置100%,它会随着浏览器屏幕的宽度等比例缩小到设置的最小宽度,但是因为外面的容器已经写死了一个高度(150px),这样随着浏览器宽度变小,底部的话就会留有一片空白区域,如下,正常的高度应该有红线区域那么高网上搜索了一些方法,基本思路都是监听浏览

#vue.js#javascript#es6 +1
vue+element-ui table表格一个单元格中添加多行数据

vue+element-uitable表格一个单元格中添加多行数据话不多说,先上效果图,值得借鉴可以接着往下看项目中有这样的需求,需要把所有数据按组的方式进行划分并打包,如果一个商品一条数据的话就显得太繁琐,用户体验并不好,于是乎就想到上面这种方式进行渲染和操作,有了想法就去找实现方式呗直接去翻了elementui组件,竟然没有这种渲染方式,那就只有另辟蹊径了:在table表格一个单元格中使用te

#javascript#vue.js#html5 +2
vue项目使用less/sass无效问题

vue使用less/sass无效问题vue项目安装了less依赖,在页面style标签里引入" lang=‘less’ “,但是每次加上scoped样式就会失效,或者是可以加scoped,但是再引入” lang=‘less’ ",样式也会失效,给我纳闷了好久前两天找到原因了,原来依赖安装完成后还要再util...

#javascript#css#vue.js +1
videoJS报错:VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be applied.

videoJS报错:VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be applied.移动端vue项目商品详情页有用到视频播放器,刚进入时没有错误,进入到其他页面再返回到商品详情页就会出现视频缩小到了左上角,且不能再播放了,查看控制台发现报了一个警告VIDEOJS: WARN: Player “m

#vue.js#es6#javascript
axios请求在header请求头加入自定义信息

axios在header请求头加入自定义信息_this.$axios.post("/api/noticeInfo/notReadNum",data,{headers:{'userid':sessionStorage.getItem("userId")}}).then(function (res){console.log("未读消息为:",res.data)if(res.data.code == 2

#vue.js#javascript#es6 +1
到底了