*注:这里我们 在使用的使用一定不要忘记css样式cropper-content .cropper这个长宽一定要有,不然有可能就会显示NaNxNaN这里显示这个就是因为没有这是长宽,没有撑起第一步:下载(这里用的版本为^0.5.6)npm install vue-cropper -D第二步:全局main.js引入注册// 裁剪图片 import VueCropper from 'vue-cropp
转载 2天前
399阅读
Vue.js模板语法vue.js使用了基于HTML的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据,其核心就是一个允许开发者采用简洁的模板语法来将数据渲染进DOM系统。使用各种组件来做成一个项目的话,需要结合单页应用。插值数据绑定最常见的形式就是使用{{.....}}的文本插值(插值表达式): <div id = 'app'> <p>{{ me
Vue 自定义指令在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全
在这篇文章中,我们将围绕如何解决“element plustable popover样式”这一问题进行详细的指导。我们将从环境准备开始,逐步深入到具体配置和测试,直至排错和扩展应用,确保每个环节都有清晰的说明和指导。 在实施过程中,我们需要确保能够清晰地展现每一步的核心操作,以及可能遇到的问题和解决方案。 ### 环境准备 首先,确保你的开发环境满足以下前置依赖安装: - **Node.j
原创 1月前
261阅读
        这几天开发vue3项目,引用elment中的el-select和el-option进行下拉框的渲染。在此过程中出现了这样的问题(下述代码有所简化):首先,我通过下述代码对el-option进行数据绑定<div class="myInfo_type"> <span @click="handleClick" >
定位元素(positioned element)是其计算后位置属性为 relative, absolute, fixed 或 sticky 的一个元素(换句话说,除static以外的任何东西)。相对定位元素(relatively positioned element)是计算后位置属性为 relative 的元素。绝对定位元素(absolutely positioned element)是计算后位置
转载 2024-10-23 20:21:49
108阅读
虚拟dom频繁且复杂的dom操作通常是前端性能瓶颈的产生点,Vue提供了虚拟dom的解决办法虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。这句话,也许过于抽象,却基本概况了虚拟DOM的设计思想(1) 提供一种方便的工具,使得开发效率得到保证 (2) 保证最小化的DOM操作,使得执行效率得到保证也就是说,虚拟dom的框架/工具都是这么做的:根据虚拟do
转载 9月前
81阅读
我们在使用element-ui时,必定会用到表格这个组件,虽然element组件已经为我们封装很好了。但是我们在实际开发中会根据我们的业务在element-ui的基础上再次封装,比如表格最后一列会经常有操作这一列,对应着不同的按钮,像编辑按钮、查看按钮、删除按钮等,有些表格的结构类似,显示数据和操作,差别只是在于后边操作按钮不相同,此时,封装一个业务组件,手动传入需要的按钮,这样,在遇到类似的情况
转载 2024-04-22 17:31:59
185阅读
一个页面上往往有很多链接、按钮,如果没有任何提示信息,会让人很迷茫。虽然IE也带提示功能,只要给title属性赋值,如下代码 <a href="#" title="this a test">自带的提示</a>这样的提示很单调,鼠标移上去的时候显示出来,当鼠标在上面移动的时候,提示信息不会跟随,对比下面自定义的提示信息,差别就很明显,所
转载 2月前
373阅读
vue怎么全局定义一个变量代替路径。原理:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用exportdefault暴露出去,在里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。全局变量模块文件:文件:constserverSrc='';consttoken='12345678';consthasEnter=false;constus
个人写这个弹出框的原因就一个,就是能给我带来可复用,追求新,要简单,可扩展。要达到炫酷有点难度,分析后还是决定以功能为主,因为是用jq和animation实现的弹出框组件,所以看起来难度不大,简称co-dialog。演示效果DEMO灵感来源,因为工作中用到dialog,发现UI设计的弹出框的风格一直在变化,于是每次都要重新写一个弹出框,无意中增加了无用的工作量,所以果断就封装成一个弹出框组件,目前
转载 2024-09-11 01:09:05
1552阅读
商家可以接受到消息推送和语音提醒。商品管理、商铺管理操作简单,商家可根据营业情况调整商品详情、营业时间、配送时间等。账户结算一目了然,另外还有客服互动系统,线上解决用户的疑虑。   店铺可根据自身运营需求设置新客立减、限时抢购、爆品折扣、店铺满减、店铺满赠、店铺满免费送费等多个活动功能,同时,店铺可以报名平台发起的活动,补贴承担比例可灵活设置。 前端技术:nodejs+vue+elementui
parted磁盘挂载因为fdisk命令支持的最大分区容量为2T如果需要挂载大容量的分区磁盘需要使用parted命令查看磁盘的命令lsblkfdisk -ldf -h磁盘卸载(如果磁盘已经挂载了,则需要卸载,新磁盘不用操作)卸载磁盘的命令 umount /data  如果出现 umount: /data: target is busy的处理办法找到使用这个设备的进程的pid fuser -
转载 2024-04-27 08:48:26
43阅读
elf学习--重定位文件 add.c int data = 1; int bss; const int rodata = 1; int add(int num1, int num2) {   int sum = 0;   sum = num1 + num2;   return sum; }编译add.c成.o文件gcc -c ad
转载 10月前
116阅读
1.Pagination 分页需求: 不需要这么多只需要展示3个 但是传:pager-count="3"会报错,因为官方限制了数字范围,不能小于5…2.el-form的坑需求:封装了新建和编辑为一个弹窗 弹窗里是表单所以我设置了每次打开弹窗清空校验,但当编辑的时候类型为chande的下拉选项一赋值就校验去了sex: [ { required: true, message: '请
未实现现象:加上删除提示确认。使用element组件popover,有多行删除提示时,提示不生效。 实现后的效果: 解决思路: 1.利用scope.row.visible替代现有的visible, 2.并且在表格数据初始化的时候,对每条数据都设置一个visible = false 实现: ...
转载 2021-08-27 14:03:00
1181阅读
2评论
测试小姐姐在华为手机上 PopupWindow弹出位置 直接置顶了,但是我的开发机(小米9)却按照代码的意志显示在titleBar之下。效果类似这样: 谷歌一把 ,各种吐槽该问题。大神们的主流解决方案,主要分两种, ①重写showAsDropDown(),以24为界限,区别对待; ②调用show的时候,SDK>24的时用showAtLocation()替代showAsDropDown();我
转载 2024-03-12 17:03:20
119阅读
首先先叙述一下需求和遇到的问题:需求: 在这个页面里,我需要去判断查询条件,从而在不同的条件下,展示不同的表格数据,即在不同情况下,展示不同的表格或者说表格的数据列,从而在不同的条件下看到不同的表格数据。但是问题也就在这里意外的出现了。问题复现:(1)第一种情况下的表格是这样的: 第四列为 expand,展现没有问题。(2)现在切换到第二种情况下的表格是这样的: 第六列为 expand,没问题。但
转载 2024-04-29 22:26:22
195阅读
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助本篇文章记录仿写一个el-button组件细节,从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章,后续空闲了会不断更新并仿写其他组件。源码在github上,大家可以拉下来,npm start运行跑起来,结合注释有助于更好的理解什么是Button组件按钮用于点击,一般是做事件的响应。
转载 2024-05-11 16:50:58
65阅读
在开发过程中 经常会遇到这种情况 循环了 N 条数据,每条数据都有单独的 popover 弹出层 <div v-for="item in 4"> <el-popover placement="bottom" :title="`标题${item}`" width="200" trigger="manu
原创 2月前
75阅读
  • 1
  • 2
  • 3
  • 4
  • 5