随笔分类 - vue
摘要：js导入excel&导出excel Excel导入 html代码 <button style={{ color: '#1890ff', fontSize: '14px', cursor: 'pointer' }} onClick={() => { upFile(); }} > 导入 </button
阅读全文
摘要：vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维
阅读全文
摘要：v-if与v-show的区别 于 2022-07-04 21:43:13 发布 3672 收藏 7分类专栏： vue 文章标签： vue 前端 一、共同点：v-if 和 v-show 都能实现元素的显示隐藏 二、区别： 1. v-show 只是简单的控制元素的 display 属性，而 v-if 才
阅读全文
摘要：Vue 中引入 json 的三种方法 json的定义： JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。 1.require-运行时加载 test.json文
阅读全文
摘要：element ui中的树形的全部选中和展开 zxx的Opera 于 2020-08-01 10:44:44 发布 887 收藏 6 版权 目录 一、功能实现 二、结构构成（两个复选框+树形结构） 三、基础功能 四、后台给我的树形节点对应的键名不对应=>解决办法 五、如何将选择的所有节点一起提交 六
阅读全文
摘要：elementui组件table行内使用vue-treeselect无效？ 需要做一个可编辑的表格，使用elementui组件库中的table控件，但是在表格行中使用下拉无效（可使用elementui中的select组件，应该是组件冲突了），又遇到过的吗？ 下拉组件：https://vue-tree
阅读全文
摘要：vue-treeselect 爬坑之路 去年做了一个项目需要用到下拉树，功能还需要非常强大，由于项目用的框架是Vue，Element UI，网上找了一圈，发现vue-treeselect 这个组件十分强大，比较符合自己的需求，因此果断选择了这个组件，没想到光是封装这个组件断断续续一共整了3个月（因为
阅读全文
摘要：// 引入了外部的验证规则 import { validateAccountNumber } from "@/utils/validate"; validator.js /*是否合法IP地址*/ export function validateIP(rule, value,callback) { i
阅读全文
摘要：VUE开发--表单验证(六十三) 一、常用验证方式 vue 中表单字段验证的写法和方式有多种，常用的验证方式有3种： data 中验证 表单内容： <!-- 表单 --> <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" l
阅读全文
摘要：Vue事件总线（EventBus）使用详细介绍 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如
阅读全文
摘要：vue 强制刷新组件 使用vue进行开发时，如果要刷新当前路由，则调用router.go(0)方法即可。但是某些情况下，我们可能要求仅仅刷新某个组件，而不是路由，那么我们应该怎么做呢？ 1.使用this.$forceUpdate强制重新渲染 如果要在组件内部中进行强制刷新，则可以调用this.$fo
阅读全文
摘要：Vue --》this.$set()的神奇用法 作为一名开发者，我们都知道： data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，视图也就是页面并不会改变 原因是vue监听不
阅读全文
摘要：vue elementui 实现select下拉框多选，并且有多个select下拉框，有一个下拉框选中某项，其他下拉框将禁用已选中的项 data: 计算属性： mounted的时候 解释：:disabled="!item.value.includes(item2.value) && nodeList
阅读全文
摘要：简述forEach()、map()、every()、some()和filter()的用法 在Javascript中，如何处理数组中的每一项数据？ 有人可能会说，这还不简单，直接一个for循环遍历一下就好了。 是的，确实，这是最常见的做法。 但是，除此之外，ES5还提供了处理数组更加方便的方法，如题。
阅读全文
摘要：修改值法一let obj = { a : '1', b : '2', c : '3'}Object.keys(obj).forEach(key=>{obj[key]=''})console.log(obj)法二 参数分别是对象 键key 值valuethis.$set(this.dynamicFor
阅读全文
摘要：VUE ROUTER-LINK 上添加点击事件 在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况 我想要做的是v-for遍历出来的选项卡， 鼠标移上去出现删除标签，移除标签消失的效果 原代码： <router-link v-for="(item
阅读全文
摘要：html中使用变量 html中文本–>{undefined{}} <span>Message: {{ msg }}</span> 属性值或布尔值–>v-bind <div :id="myId"></div> <button :disabled="btnDisable">Button</button>
阅读全文
摘要：Vue事件总线（EventBus）使用详细介绍 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如
阅读全文
摘要：Vue项目中如何在父组件中直接调用子组件的方法： 方案一：通过ref直接调用子组件的方法； //父组件中 <template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </te
阅读全文
摘要：VUE开发--表单验证(六十三) 一、常用验证方式 vue 中表单字段验证的写法和方式有多种，常用的验证方式有3种： data 中验证 表单内容： <!-- 表单 --> <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" l
阅读全文
浙公网安备 33010602011771号