eagle_88的专栏

仿三方智能对话分析原始会话窗口

开发浮动菜单，实现功能：1、点击菜单项，滚动到对应位置。 2、拖动滚动条，对应的菜单项高亮显示。效果如下图所示：考虑到多个页面都有此效果，所以做成公共组件breadnav.vue<template> <div class="nav" :class="{'is_fixed': navFixed}"> <div v-for="(...

1、使用场景项目里将element-ui的el-upload写成公共组件方便调用，官方的before-upload方法用于处理上传前要做的事，如：比较文件大小，限制文件类型等，通过返回true 或 false 控制是否上传。 当该组件调用父组件方法，并且要能获取到父组件方法的返回值，如何实现？2、问题说明通常子组件调用父组件方法：this.$emit(方法名, 传参1, 传参2)，但是此方法...

最近在玩以vue为基础开发web代码编辑器，发现Monaco Editor（仿 Visual Studio Code）插件完美的解决了业务需求。故将重要的记录如下：安装1、monaco-editor和monaco-editor-webpack-plugin安装npm install monaco-editor --save-devnpm install monaco-editor-webp...

Vue项目开发中碰到对表格数据实现上移，下移的需求，只是纯前端实现移动数组数据，不跟服务端做交互。经研究，用splice方法简洁优雅，具体实现如下： // 上移，下移 onMove(code, dir) { let moveComm = (curIndex, nextIndex) =&gt; { let...

后台开发经常会涉及到新增、编辑操作。通常在新增时需要把表单元素的值初始化，vue+element ui开发如果用element ui的form表单验证this.$refs[formName].validate()来实现，可以用this.$refs[formName].resetFields()实现初始化。但是表单验证不能完全满足开发的需要，比如：验证图片是否上传，验证表格里是否至少包含一行数据...

开发中遇到的需求是：多个页面调用同一组件，通过传参获取不同的数据展示在页面上。多个路由映射到同个组件，只是传参不同，页面切换不会触发组件的创建cteated方法，怎么办？官方给出的解决办法：https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8...

开发中碰到的需求如下：如何实现？参考vue官方文档，没有找到。文档针对class的对象语法是在明确属性名的情况下，通过true or false动态显示class名，class名是固定的，针对class的数组语法虽然class名是动态的，但不适用v-for循环。而本例是在v-for循环中实现class名动态（赋变量值）。代码如下：&lt;template&gt; &lt;div class="q...

1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed优于methods,当不需要缓存时可用methods。实例1：computed和methods实现翻转字符串 原始字符串: {{ message }}

今年开始学习vue+element实现后台开发，在实现批量删除功能时有2个小知识点记录在下：1、如何实现单击行交替选中当前行的复选框，element官网的table实例中没有找到。——通过selection-change实现2、如何获取选中行的值来实现批量删除。——通过row-click和toggleRowSelection实现代码如下html: 批量删