![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
若♀阳
这个作者很懒,什么都没留下…
展开
-
VUE Element ui el-switch文字在开关里面显示
UE Element ui el-switch文字在开关里面显示原创 2022-11-17 16:57:07 · 4144 阅读 · 0 评论 -
vue 项目页面增加水印
vue添加水印原创 2022-08-04 08:56:39 · 8914 阅读 · 9 评论 -
Element UI tree组件折叠
element ui tree 折叠原创 2022-07-15 14:43:04 · 582 阅读 · 0 评论 -
vue拨打电话
需求:点击电话号码,弹出对话框,确定后直接调用手机拨打电话功能(ps:不允许弹出是否允许调用手机通讯录的提示)。验证后仅思路3满足需求。思路1:---简单但不满足(不允许弹出是否允许调用手机通讯录的提示)需求window.location.href = 'tel:' + 8888410;思路2:-------方法存在问题 <a id="call" @click="showDialog" style="color: #336699">8888410&l....原创 2022-05-12 10:02:02 · 5904 阅读 · 1 评论 -
后端返回的字节流图片处理
1、字节流图片转换为base64 const src = "data:image/png;base64," + btoa( new Uint8Array(res).reduce( (data, byte) => data + String.fromCharCode(byte), "" ) );图片可直接使用img标签显示出来原创 2022-04-08 09:42:00 · 1931 阅读 · 1 评论 -
antv x6自定义节点(使用vue渲染节点)
1、安装@antv/x6-vue-shape# npmnpm install @antv/x6-vue-shape# yarnyarn add @antv/x6-vue-shape# 在 vue2 下还需要安装 @vue/composition-apiyarn add @vue/composition-api --dev主文件引入@antv/x6-vue-shapeimport "@antv/x6-vue-shape";安装并应用该包后,指定节点的shape为vue-...原创 2021-12-06 15:07:34 · 12348 阅读 · 24 评论 -
VUE中this、$el
$el用于获取vue实例挂载的dom元素,this.$el只在mounted中才有效this指向当前组件的实例参考:vue组件中this和$el指向_她说她说的博客-CSDN博客原创 2021-11-11 10:43:02 · 1745 阅读 · 0 评论 -
vue中文本超过一行省略,并悬浮显示完整文本,未超过一行的无悬浮
<template> <div class="tooltip-wrap"> <el-tooltip ref="tlp" :content="text" effect="dark" :disabled="!tooltipFlag" :placement="placement" > <p class="over-flow" @mouseenter="visibilityChan.原创 2021-11-05 16:25:57 · 2550 阅读 · 0 评论 -
vue中引入echart图及遇到的问题记录
引入tree图引入echarts图,需要指定容器有明确的宽高。根据官方文档,需要先定义一个<div>节点,并使用CSS使得该节点具有宽度和高度。,初始化的时候,传入该节点,图标的大小默认即为该节点的大小,除非声明了opts.width或opts.height将其覆盖。(引自官网:Handbook - Apache ECharts)。<template> <div id="chart-panel" :class="className" :style="{ hei原创 2021-11-05 11:28:56 · 493 阅读 · 0 评论 -
VUE Element UI中el-input-number组件无法实时触发change事件
el-input-number组件添加必填校验,不使用组件自带增减符号进行填充,手动填充值无法及时清除校验提示,组件失去焦点时才会消失。希望在输入值之后即时清除校验提示。解决方案 <el-input-number v-model="form.eventDisposalRange" :min="1" label="描述文字" :disabled="edit" @input.native="eventDisposalRangeChange()原创 2021-11-03 17:58:48 · 11015 阅读 · 0 评论 -
vue 使用element ui样式无法覆盖问题记录
1、覆盖el-tab字体样式使用/deep/样式穿透<style lang="scss" scoped>/deep/ .el-tabs__item { font-size: 19px; color: rgba(0,0,0,0.85);}报错:解决方案:使用::deep 替换/deep/<style lang="scss" scoped>::v-deep .el-tabs__item { font-size: 19px; color:.原创 2021-10-25 14:46:43 · 797 阅读 · 0 评论 -
vue+ElementUI 复杂表单的验证、数据提交问题
原创 2021-08-16 10:11:59 · 219 阅读 · 0 评论 -
VUE--列表渲染(v-for)及key的使用
v-for用法<div v-for="item in items"> {{item.text}}</div>或<div v-for="(item,index)in items"> {{item.text}}</div>v-for的默认行为会尝试原地修改元素而不是移动它们,即“就地更新”策略。如果数据项的顺序发生改变,vue将不会移动DOM元素来匹配数据项的顺序,而是就地更新每个元素,并且确保它们在每个索引位置正确渲染。也就是说原创 2021-07-08 10:59:06 · 987 阅读 · 0 评论