随笔分类 -  vue

vue相关技术
饿了么表格二次封装具名插槽append的分装实现
摘要：1）在封装组件中使用table具名插槽,并自定义具名插槽，对外开发使用:commonTable <script> export default { props: { tableData: { type: Array, default: () => {} }, maxHeight: { type: N 阅读全文
posted @ 2019-11-04 16:50 燃烧小火苗 阅读(1511) 评论(0) 推荐(0)
基于VueJS采用Symbol原始数据类型统一维护项目提示文案管理实践
摘要：在项目中，无论项目的规模是大是小，总会存在一些需要提示给用户的提示性文字信息，一般在开发过程中采用具体的提示文字在具体的业务代码文件中，这样以来，一方面这些文字便分布在不同的文件中，对于日后的维护带来了一定的难度，倘若同一个提示文字出现多次，日后需要修改的时候变需要找到所有的地方一个个修改。对此，采 阅读全文
posted @ 2019-09-26 16:40 燃烧小火苗 阅读(689) 评论(0) 推荐(0)
饿了么二级表头实战
摘要：1，html 2，js 阅读全文
posted @ 2019-09-11 20:35 燃烧小火苗 阅读(414) 评论(0) 推荐(0)
基于饿了么（elementUI）UI组件分组表格（合并单元格）实现Demo
摘要：针对表格在实际业务场景中的合并单元格实现方式，初步思考，组织按着班级分组展示学生，并对不同班级进行相关操作，比如群发短信等。<template> <div> <el-main class="contailer"> <el-table :data="tableData" :span-method="s 阅读全文
posted @ 2019-09-10 17:39 燃烧小火苗 阅读(8656) 评论(0) 推荐(1)
vue+typescript实现todo list示例
摘要：本例通过在页面中展示todo list列表，通过点击添加按钮，实现弹窗添加列表数据，实现父子组件之间的数据交换。 1、主页面代码如下： 2、弹窗组件代码如下： 阅读全文
posted @ 2019-05-30 17:59 燃烧小火苗 阅读(943) 评论(0) 推荐(0)
vue项目开发中使用插件流程
摘要：针对vue项目开发中，通过node本地起服务进行开发，会针对各种情况进行定制化配置处理，比如启动时自动打开浏览器进行服务访问，配置信息合并等操作，此时插件的作用就很关键，如何在项目中从无到有地安装，使用一个插件呢，具体流程如下： 1、安装插件依赖包 #npm install -D open-brow 阅读全文
posted @ 2019-05-30 09:45 燃烧小火苗 阅读(2375) 评论(0) 推荐(0)
vue-cli可视化创建项目流程
摘要：1、全局安装vue-cli3.0脚手架工具 "dependencies": { "core-js": "^2.6.5", "vue": "^2.6.10", "vue-router": "^3.0.3", "vuex": "^3.0.1" }, "devDependencies": { "depen 阅读全文
posted @ 2019-05-13 16:22 燃烧小火苗 阅读(11761) 评论(0) 推荐(2)
vue中使用element组件库tree实现动态增加节点
摘要：最近项目遇到一个树形结构数据业务场景如下： 前期版本中仅需要展示分类树（由专门单独的接口返回），具体分类下数据由单独的表格展示（有另外一个接口返回，可根据分类id筛选），随着需求迭代设计，需要在分类树中展示数据，对此，在不修改分类接口的前提下，新增接口获取数据，动态添加到分类树节点上。为此利用ele 阅读全文
posted @ 2019-04-12 10:29 燃烧小火苗 阅读(23675) 评论(0) 推荐(1)
vue中实现前端列表关键词筛选解决方案
摘要：在实际的基于Vue前端MVVM框架开发的过程中，往往会遇到如下需求：对于某一个从后端获取到的数据列表，为了方便使用者，往往在需求定义时，需要通过某个字段关键词进行前端快速定位，当没有输入关键词时，列表数据需要恢复为初始状态。 同时，如果对于原数据列表进行过滤必然是不行了，因为不需要过滤时还需要还原数 阅读全文
posted @ 2019-04-08 09:41 燃烧小火苗 阅读(2693) 评论(0) 推荐(0)
npm init初始化项目package.json文件详解
摘要：npm start -> npm run serve -> 执行node ../node_modules/@vue/cli-service/bin/vue-cli-service.js serve 阅读全文
posted @ 2019-03-29 15:23 燃烧小火苗 阅读(4066) 评论(0) 推荐(0)
vue中mixin的使用场景
摘要：在实际的vue项目开发中，往往团队成员在合作开发中会定义一些公用的组件，方法，属性，过滤器等，然后在业务组件中引入使用，对于单个引入使用，各自实现方式如下： 1）组件：定义单独组件，实现单独组件中的特有功能，在引用组件中通过import方式引入，在components中注册，然后使用。 组件中使用 阅读全文
posted @ 2019-03-29 10:49 燃烧小火苗 阅读(10694) 评论(0) 推荐(2)
vue组件封装及使用示例
摘要：1）在组件目录中创建公用组件文件，comTitle.vue如下： 2）在业务组件中使用公用组件，testComponent.vue如下： 阅读全文
posted @ 2019-03-29 10:22 燃烧小火苗 阅读(4234) 评论(0) 推荐(0)
vuex目录结构解析
摘要：以上定义一个vuex模块配置 以上是vuex入口文件 阅读全文
posted @ 2019-03-28 22:01 燃烧小火苗 阅读(1232) 评论(0) 推荐(0)