随笔分类 -  vue

vue项目开发中常见的问题及解决办法
摘要：列表进入详情页传参问题 例如商品列表页面前往商品详情页面，需要传一个商品id; <router-link :to="{path: 'detail', query: {id: 1}}">前往detail页面</router-link> c页面的路径为http://localhost:8080/#/de 阅读全文
posted @ 2021-03-01 16:12 mark224 阅读(491) 评论(0) 推荐(0)
拼音检索功能pinyin-engine
摘要：安装 npm install pinyin-engine --save API 建立拼音索引 new PinyinEngine(list, keys) 参数： list {[string]|[Object]} 被索引的目标 keys {[string]} 可选。如果 list 为 Object，这里 阅读全文
posted @ 2020-12-18 16:30 mark224 阅读(410) 评论(0) 推荐(0)
vue刷新页面，数据不丢失
摘要：在做vue项目的过程中有时候会遇到一个问题，就是进行F5页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候，store中的数据是保存在运行内存中的，页面刷新时会重新加载vue实例，store中的数据就会被重新赋值，因此数据就丢失了，解决方式如下： 方法1、利用 阅读全文
posted @ 2020-12-17 10:47 mark224 阅读(2792) 评论(0) 推荐(0)
可用的后台管理系统
摘要：1、vue-element-admin 官方文档：https://panjiachen.github.io/vue-element-admin-site/zh/ Github地址： https://github.com/PanJiaChen/vue-element-admin.git 2、edadm 阅读全文
posted @ 2020-12-11 08:58 mark224 阅读(882) 评论(0) 推荐(0)
vue组件间方式总结
摘要：组件间通信的方案 父子关系的组件数据传递选择 props 与 $emit进行传递，也可选择ref 兄弟关系的组件数据传递可选择$bus，其次可以选择$parent进行传递 祖先与后代组件数据传递可选择attrs与listeners或者 Provide与 Inject 复杂关系的组件数据传递可以通过v 阅读全文
posted @ 2020-12-10 15:38 mark224 阅读(113) 评论(0) 推荐(0)
非脚手架创建vue项目，并使用webpack打包
摘要：1、（1）创建***文件夹，并 npm init -y 初始化项目 （2）创建目录结构如下： index.html内容： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont 阅读全文
posted @ 2020-11-11 14:22 mark224 阅读(1028) 评论(0) 推荐(0)
vue Router路由自我总结
摘要：# npm安装路由、 # main.js中注入路由 # router.js中 import Router from 'vue-router' Vue.use(Router) # 定义路由表 new VueRouter({ linkActiveClass:'active', //全局配置 router 阅读全文
posted @ 2020-11-06 17:27 mark224 阅读(144) 评论(0) 推荐(0)
vue-element-admin概述
摘要：vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。 vue-element-a 阅读全文
posted @ 2020-10-09 08:53 mark224 阅读(2709) 评论(0) 推荐(0)
el-select如何优化超大数据不卡顿
摘要：<el-form-item style="width:100%" label="单位" > <el-select v-model="lngcustomerid" v-selectloadmore:rangeNum="loadMore(rangeNum)" style="width:100%" cle 阅读全文
posted @ 2020-09-16 10:00 mark224 阅读(1428) 评论(0) 推荐(0)
vue路由跳转页面后怎么从最顶部开始
摘要：打开router文件夹下的index.js： export default new Router({ routes:[ ....... ], //要添加的内容 scrollBehavior(to, from, savedPosition) { if (savedPosition) { return 阅读全文
posted @ 2020-09-09 11:13 mark224 阅读(508) 评论(0) 推荐(0)
配置Eslint，规范代码
摘要：1、.eslintrc.js文件的常用配置： module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: tru 阅读全文
posted @ 2020-08-29 11:00 mark224 阅读(532) 评论(0) 推荐(0)
vue-cli脚手架创建项目
摘要：1、官网下载node，安装node.js环境 安装完成后进入cmd，输入node -v和npm -v查看node和npm是否安装成功及对应的版本 2、全局安装vue-cli：npm install -g vue-cli,此命令运行一次即可，以后就不用安装了 执行vue -V查看vue的版本 方式一： 阅读全文
posted @ 2020-08-29 10:35 mark224 阅读(501) 评论(0) 推荐(0)
elementUI table怎么实现点击上移下移
摘要：其实炒鸡简单。。。 <el-table :data='tableData' > ... ... <el-table-column label="操作" align="center" width="140" > <template slot-scope="scope"> <el-button type 阅读全文
posted @ 2020-08-21 09:08 mark224 阅读(1744) 评论(0) 推荐(0)
以vue+TreeSelect为例，如何将扁平数据转为tree形数据
摘要：// 目标：将后台返回的扁平数据，根据parentId转为下拉tree <el-form-item label='下拉选择数据'> <tree-select v-model='treeVlue' :options='myTreeList' :props="{ label:'treedataname' 阅读全文
posted @ 2020-08-03 16:32 mark224 阅读(579) 评论(0) 推荐(0)