el-popper 不能跟随页面滚动
一个项目中发现cascader的选择器dom el-popper 不能跟随页面滚动,其内联样式absolute定位的top不跟随页面滚动。手上另一个项目的 el-popper是跟随页面滚动的,对比了一下前端框架,也没有发现问题。请问我应该怎么着手解决这个问题?回答绝对定位按父元素定位.之前可以跟随应该是放在了一个开启定位的...
2024-01-10请问el-popper如何实现hover时,不弹框?
如图,请问如何实现当检测到姓名为2时,鼠标hover时,不弹出“暂无数据”这个框,姓名为其他值时,hover时,正常显示这个框?以下是代码截图:回答:如果判断非预期条件,直接不生成可以不<el-popover v-if="xxxx" content="这是弹出框的内容"> <el-button>鼠标悬停时弹出框</el-button></el-popover><el-button v-...
2024-03-08详解vue.js之props传递参数
本篇文章通过demo实例给大家详细分析了props传递参数的用法以及遇到问题后的解决办法,以下是全部内容。前段时间用vue做一个后台管理系统,其中每一页都需要一个表格来展示信息。自然就想到了将表格提取出来做成公共组件,将不同页面的数据传入进行渲染,达到复用的目的。demo地址1. 问题发...
2024-01-10【Vue】vue.js里面如何在组件props属性默认值里面设置多语言?
写了一个弹框组件,组件里面分装了一个 dialogTitle 属性,如果用户未传值,那么指定一个默认值,但是这个值需要多语言,我利用 vue-i18n 设置了多语言,现在可以通过 this.$t('notice') 获取到对应的语言,但是写到props的default属性里面报错,代码如下: props: {dialogTitle:{type: String,default: this.$t('notice')}}...
2024-01-10【CSS】cropper.js如何设置裁剪区域的宽度高度和图片的宽度高度
我现在使用的是cropper.js图片裁剪插件,是移动端上使用,我想要设置图片的宽度是屏幕的宽度,高度auto,裁剪的框框和区域也是屏幕的宽度,是一个正方形,请问如何设置呢,我使用setCropBoxData和setCanvasData没有效果,感觉是我写的有问题,但是又不知道问题出在哪,请问有知道的嘛,在线等这是我现在...
2024-01-10php+lottery.js实现九宫格抽奖功能
php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE、火狐、谷歌等浏览器。引入抽奖插件lottery.js<script type="text/javascript" src="js/lottery.js"></script>开始抽奖函数start_lottery()function start_lottery(){ if(flag){ //alert('正在抽奖,请等待抽...
2024-01-10Vue中使用Cropper.js裁剪图片
Cropper.js是一款很好用的图片裁剪工具,可以对图片的尺寸、宽高比进行裁剪,满足诸如裁剪头像上传、商品图片编辑之类的需求。github: https://github.com/fengyuanchen/cropperjs网站: https://fengyuanchen.github.io/cropperjs/简单使用使用很简单,首先需要一个image或者canvas元素:<!-- Wrap the image or canvas element with a...
2024-01-10js中pop和push的比较
js数组中有很多函数方法,今天我们就pop和push带来比较,帮助初学者进行区分。1、push可以==新增多项,pop只能删除一项。2、数组pop和push提供了类似栈的操作方法,从尾部添加或删除。3、pop和push会修改原数组,pop会返回==删除==的项目,push会返回==新增==数组的长度。实例// 错误操作:将push后的返回...
2024-01-10Node.js / Gulp-遍历Gulp任务
我想遍历一个对象,并在每次迭代时将文件路径数组传递给gulp.src,然后对这些文件进行一些处理。下面的代码仅用于说明目的,因为return语句会在第一次通过时终止循环,因此实际上将无法工作。gulp.task('js', function(){ for (var key in buildConfig.bundle) { return gulp.src(bundleConfig.bundle[key].scripts) ...
2024-01-10用Vue.js开发一个电影App的前端界面
我们要构建一个什么样的App?我们大多数人使用在线流媒体服务(如Netflix)观看我们最喜欢的电影或者节目。这篇文章将重点介绍如何通过使用vue.js 2 建立一个类似风格的电影流媒体WEB交互界面(见上图)。最终的产品可以去这里找:https://codepen.io/itslit/full/mvvjzr。注:本文作者Hassan Djirdeh,由汇智...
2024-01-10js import和exports
,目的: 想要引入并导出ComAddItem下所有子目录下的index.vue文件。目前:下面?放了目前的我能想到的两种写法。问题:xdm,有没有更加优秀的写法或者配置能够可以统一引入导出ComAddItem下所有子目录下的index.vue文件。// 方法1export { default as ComAddItemComInfo } from './ComAddItemComInfo/ind...
2024-02-21