![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 54
文科僧
既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。
展开
-
el-input-number在el-table中无法刷新问题
导致原因:绑定的数据未刷新是vue的绑定深度过多,没有关联绑定起来,点击一次后会出现光标丢失现象。解决方法:步骤一、el-input-numbe所在列添加key,el-input-number中添加 @change="inputChange($event,‘num’)"方法 <el-table-column prop="num" label="数量" width="100" align="center" :key="tablekey"> <el-input-number @cha原创 2021-10-13 11:46:38 · 1199 阅读 · 5 评论 -
Vuex基础核心概念State,Mutations,Actions,Getters,Modules
Vuex 是专为vue.js设计的全局状态管理工具。集中管理检测组件(数据)的状态变化,实现全局状态下的数据共享,高效实现组件之间的数据通信,存储在Vuex中的数据都是响应式的。也就是说当Vuex中的数据发生改变的时候,调用该数据的组件也会同步发生变化。vue组件之间通信:父传子:通过v-bind绑定子传父:通过v-on绑定方法兄弟组件通信:通过定义一个evenBus事件总线进行通信import Vue from ‘vue’import Vuex from ‘vuex’Vue.use(‘Vue原创 2021-03-29 14:45:55 · 223 阅读 · 0 评论 -
基于Vue框架Element UI组件库单页面应用后台管理系统项目总结
使用说明npm installnpm run serve项目总结一、项目名称电商网站webapp开发二、技术栈 REM布局:rem(font size of the root element)是指相对于根元素的字体大小的单位。移动端布局主要采用REM布局,结合Flex布局,bootstrap布局等集中布局方式,完成整个移动端项目。在编辑器vscode中预先下载插件cssrem/px to rem,在设置中预先将根字体字号设置为75,1rem为根字体字号的大小,则分辨率宽度为750px原创 2020-11-23 10:10:43 · 1741 阅读 · 0 评论 -
基于vue框架Vant UI组件库移动端电商网站webapp项目总结
项目总结一、项目名称电商网站webapp开发二、技术栈框架:vue框架UI组件:Vant移动端Vue组件库 安装:npm install vant -S 项目中引用的部分组件: 1、Tabbar标签栏:封装成底部标签栏,引入到其他组件中,导入路由,在底部作为导航栏使用; 2、Sidebar,SidebarItem 侧边导航:在商品分类展示模块中引入,按照后台系统中的商品分类进行展示,完成商品筛选分类展示模块; 3、Grid,GridItem 宫格:...原创 2020-11-23 10:12:13 · 3811 阅读 · 3 评论