![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue
27号白开水
这个作者很懒,什么都没留下…
展开
-
ElementUI + VUE实现表格内编辑
实现效果 每行显示修改和删除按钮: 点击修改后显示保存和取消按钮: 点击保存或取消将回到上一状态。 原理 设置被保存标志saveTF=false,记录当前是否有行数据被编辑 设置中间变量chooseInfo=[ ],记录被编辑的行数据 设置中间变量chooseNo="",记录被编辑行数据的唯一id 展示表格时,判断当前行的主键是否等于chooseNo,是则表明当前行正在被编辑,展示input输入框和保存/取消按钮,否则正常展示该行数据和编辑/删除按钮 点击编辑时,更新①②③的数据为该行数据 点击保存时原创 2021-06-03 11:59:07 · 1046 阅读 · 0 评论 -
Vue 传参打开新页面,并打印部分内容
一、需求 输入单号,点击“打印”按钮 ---> 弹出新页面,打印单号信息 图一 图二 二、代码实现 1. 传参到新页面 <el-form-item label="单号" prop="noticeNumber"> <el-input v-model="searchForm.noticeNumber"></el-input> </el-form-item> <el-button @click="deliveryPrint(searchForm.n原创 2021-04-08 16:54:18 · 461 阅读 · 0 评论