vue
Acid_lemon
这个作者很懒,什么都没留下…
展开
-
vue中遇到的一些问题【持续更新~】
1. 子组件监听不到父组件传的props原因:一般出现这种情况都是添加deep: true, immediate: true处理。如果不行,可能是因为传的值为一个对象,只修改对象里面的值,子组件监听不到,只有修改整个对象,子组件才能监听到。...原创 2022-03-14 16:45:03 · 1154 阅读 · 0 评论 -
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 · 2336 阅读 · 0 评论 -
给控件设置hidden为false仍旧不能显示
**问题:**采用vue写组件,子组件监听父组件传值来设置组件是否隐藏,但传入false后仍旧不能显示。**原因:**使用dom操作节点时,令hidden=‘false’,'false’被当做字符处理,当字符转换为布尔值应该就是true,所以才不能显示。解决:1.如果是js操作,令dom节点hidden=false2.如果是vue绑定,:hidden=“在data中定义的hidden属性值”...原创 2021-07-01 11:35:05 · 1444 阅读 · 0 评论 -
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 · 115 阅读 · 0 评论 -
Vue 引用SVG图片的组件
将所有矢量svg图上传到阿里巴巴矢量图标库添加链接描述注册登录选择资源管理 => 我的图标 => 我的项目 => 上传图标至项目,上传完成后,下方出现一个/at.alicdn.com/…的链接,点击该链接,将弹出页面的脚本内容复制下来。上传的图标效果如下:在项目中新建一个文件icon.js,我把文件放在了assets目录下,便于打包时对代码进行压缩处理。将复制的脚本内容粘贴到这个目录下。在component目录下定义一个引用svg图标的组件SvgIcon.vu..原创 2021-06-08 17:12:06 · 303 阅读 · 0 评论 -
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 · 1221 阅读 · 0 评论 -
Vue子组件添加点击事件无效
在vue中使用组件,给该组件添加点击事件,点击该组件无效。原因:在组件上绑定事件,你不加 .native修饰符 告诉它是这是原生点击事件,它会以为这是你定义的自定义事件。解决方法:给点击事件加 .native<svg-icon icon-class='synchronization' class-name="icon" @click.native="deleteIssue()"></svg-icon>...原创 2021-06-03 15:18:50 · 1700 阅读 · 0 评论 -
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 · 2233 阅读 · 1 评论