Acid_lemon-优快云博客

原创 vue中遇到的一些问题【持续更新~】

1. 子组件监听不到父组件传的props原因：一般出现这种情况都是添加deep: true, immediate: true处理。如果不行，可能是因为传的值为一个对象，只修改对象里面的值，子组件监听不到，只有修改整个对象，子组件才能监听到。...

2022-03-14 16:45:03 1181

原创 Ant Design Vue select选择组件获取所选内容的展示内容和value

官网介绍使用方式a-tree-select和a-select组件使用方式差不多，采用 labelInValue，此时绑定的内容包含label和value<a-tree-select :label-in-value="true" style="width: 3rem" v-model="type" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="typeTreeList" tree

2021-08-11 16:02:57 2410

原创给控件设置hidden为false仍旧不能显示

**问题：**采用vue写组件，子组件监听父组件传值来设置组件是否隐藏，但传入false后仍旧不能显示。**原因：**使用dom操作节点时，令hidden=‘false’，'false’被当做字符处理，当字符转换为布尔值应该就是true，所以才不能显示。解决：1.如果是js操作，令dom节点hidden=false2.如果是vue绑定，:hidden=“在data中定义的hidden属性值”...

2021-07-01 11:35:05 1532

原创 Vue组件各种通信方式

每个 Vue 实例都实现了事件接口，即：使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件Vue 的事件系统与浏览器的 EventTarget API 有所不同。尽管它们的运行起来类似，但是 $on 和 $emit 并不是addEventListener 和 dispatchEvent 的别名props和$emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。$attrs和$listen.

2021-06-22 17:40:04 137

原创 JavaScript创建节点报错：xxx.appendChild is not a function

报错：原因：使用domElement.appendChild()中，获取domElement 时，使用了getElementsByClassName() 这类获得的结果是数组的函数，没有定位到其中的某一个对象。解决方法：获取到数组的第一个对象，var domElement = getElementsByClassName(“div”) [0]使用getElementsById获取到唯一的对象...

2021-06-11 11:09:04 1656 3

原创 Vue 引用SVG图片的组件

将所有矢量svg图上传到阿里巴巴矢量图标库添加链接描述注册登录选择资源管理 => 我的图标 => 我的项目 => 上传图标至项目，上传完成后，下方出现一个/at.alicdn.com/…的链接，点击该链接，将弹出页面的脚本内容复制下来。上传的图标效果如下：在项目中新建一个文件icon.js，我把文件放在了assets目录下，便于打包时对代码进行压缩处理。将复制的脚本内容粘贴到这个目录下。在component目录下定义一个引用svg图标的组件SvgIcon.vu..

2021-06-08 17:12:06 334

原创 echart图表自适应

页面中有一个echarts使用这个：myChart.setOption(option)； window.onresize = myChart1.resize;当页面有多个echarts时使用： myChart.setOption(option)； window.addEventListener("resize", function () { myChart.resize();});

2021-06-08 16:44:28 101

原创 Ant Design Vue上传组件展示下载按钮

Ant Design Vue的版本： 1.7.5需求：在上传的文件旁边加下载按钮官网API：查找API按照API，<a-upload action="https://www.mocky.io/v2/5cc8019d300000980a055e76" list-type="text" :default-file-list="fileList" class="upload-list-inline" @preview="preview

2021-06-08 16:35:18 1344

原创 vue实现div外部点击事件

1.安装插件npm install --save v-click-outside2.引用插件import Vue from 'vue'import vClickOutside from 'v-click-outside' Vue.use(vClickOutside)3.使用<template> <div v-click-outside="onClickOutside"></div></template> <script>

2021-06-04 16:26:37 2374 1

原创 Vue子组件添加点击事件无效

在vue中使用组件，给该组件添加点击事件，点击该组件无效。原因：在组件上绑定事件，你不加 .native修饰符告诉它是这是原生点击事件，它会以为这是你定义的自定义事件。解决方法：给点击事件加 .native<svg-icon icon-class='synchronization' class-name="icon" @click.native="deleteIssue()"></svg-icon>...

2021-06-03 15:18:50 1811

原创采用display:inline-block设置多个div并列，div内添加内容后div错位

页面代码 <div class="transfer"></div> <div class="operations"></div> <div class="transfer"></div>.transfer{ display: inline-block; width: 380px; height: 208px; border: 1px solid #D5DEED; background-color

2021-06-02 11:19:15 493

Acid_lemon的博客