- 博客(17)
- 收藏
- 关注
原创 页面跳转退出后重新进入的时候会调用多次接口(Vue.$root.eventHub.$on())
有时候会发生事件只被emit触发了一次,但是回调函数却被执行了多次的现象。这种现象往往发生在页面跳转退出后重新进入的时候。原因: this.$root.Bus.$on实际是向Bus容器中添加一个事件监听器,当页面跳转时,原来的vue组件被注销,但是原来vue组件向Bus容器中添加的事件监听器并不会被移除。因此,当下次进入这个vue组件对应的页面时,执行到this.$root.Bus.$on时,又会向Bus容器中添加一个重复的事件监听器,以此类推,导致Bus容器中有很多个一模一样的事件监听器,从而导致事件
2021-08-02 12:01:00 1296
原创 vue监听对象属性变化的两种情况:
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-14 10:22:32 375
转载 vue指令
v-slot 缩写:# 预期:可放置在函数参数位置的 JavaScript 表达式 (在支持的环境下可使用解构)。可选,即只需要在为插槽传入 prop 的时候使用。 参数:插槽名 (可选,默认值是default) 限用于 <template> 组件(对于一个单独的带 prop 的默认插槽) 用法: 提供具名插槽或需要接收 prop 的插槽。 示例: <!-- 具名插槽 --><base-layout..
2021-06-29 13:56:41 55
原创 vue中使用highcharts, 框选某一范围获得数据总和 chart.events.selection
vue中使用highcharts: 1.安装highcharts-vue, highcharts第三方插件 npm install highcharts-vue --save npm install highcharts --save 2.view/main.js中引入highcharts-vue // highcharts的引入 impo...
2019-11-04 15:06:33 877
原创 iview 表单重置resetFields不起作用踩坑
1. 首先确定v-model绑定值是否正确2. 验证项的type类型是否为所需类型,默认为string3. 若有某一元素控制必填项是否显示,将v-if 替换成v-show (v-if会删除掉当前dom元素,导致必填项索引定位错误,因此采用v-show。)4.可以采用父组件在调用子组件时重置表单方法。希望可以帮到大家。...
2019-09-04 11:55:56 2756 6
原创 iview Select下拉菜单不能为空 value绑定值类型为number
<FormItem label="数据源" prop="source_id"> <Select v-model="formItem.source_id" filterable style="width:50%;" placeholder="请选择数据源" transfer> <Option v-for="(item, ind...
2019-08-19 11:56:45 3140 1
原创 iview-table中嵌套input, select
1. 理解table如何嵌套input、select 注:此处我使用的iview版本为 v3.4.1<Table :data="tableData" :columns="columns"><template slot-scope="{ row, index }" slot="key"> <Input v-model="tempDatalist...
2019-08-14 14:45:29 1307 2
转载 vue插件总结, 原文章链接: http://www.javanx.cn/20180720/vue-plug/
UI组件框架element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UI 库 vuetif...
2019-04-19 18:14:19 241
转载 浅拷贝与深拷贝
从https://juejin.im/post/5b5dcf8351882519790c9a2e复制而来一、数据类型数据分为基本数据类型(String, Number, Boolean, Null, Undefined,Symbol)和对象数据类型。基本数据类型的特点:直接存储在栈(stack)中的数据 引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里引用数据...
2019-02-13 16:50:16 105
原创 iview Upload上传
<FormItem label="脚本上传"> <Upload class="uploadButton" ref="uploadButton" :on-success="handleUploadSuccess" :format="uploadFormat" :on-format-error=
2018-09-10 17:25:41 7427 2
原创 iview Select中v-for Option后,选择的值,不能绑定
第一种情况则是因为类型造成的<FormItem label="kafkaTp" prop="kafkaTp" class="kafka-form-select"> <Select class="kafka-Select" v-model="formItem.kafkaTp"> <Option v-for="
2018-09-10 17:02:32 5278
原创 解决iview 表单验证,验证提示error完成验证后,"确定"按钮一直转圈,点击不起作用问题
this.modal.loading = falsesetTimeout(() => { this.modal.loading = true }, 0) createData (name) { // 先进行表单验证 this.$refs[name].validate((valid) => { if (valid) { ...
2018-09-10 16:45:01 5319
原创 iview数字校验的坑点
表单校验,ID数字校验, <Input type="text" v-model="formItem.id" number/> {required: true, type: 'number', message: '不能为空或字符串', trigger: 'blur'}
2018-07-24 13:19:27 2273
原创 vue中使用iview表格组件如何为其某一项添加click事件, 为"操作","详情"或者具体某一列添加链接操作
1.为"操作"列的每一项添加点击事件 通过给 columns 数据的项,设置一个函数 render,可以自定义渲染当前列,包括渲染自定义组件,它基于 Vue 的 Render 函数。render 函数传入两个参数,第一个是 h,第二个是对象,包含 row、column 和 index,分别指当前单元格数据,当前列数据,当前是第几行。(查看官网案例:https://www.iviewui...
2018-07-23 17:49:39 30310 5
原创 node.js 导出Csv文件
注:.csv文件默认是以逗号分隔的,因此内容采用逗号连接。导出所有符合条件的列表,通过写接口导出 const iconv = require('iconv-lite') //中文转码 async function exportExcle(ctx, next) { const { date, type, green } = ctx.request.quer...
2018-07-20 16:08:46 3176 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人