网站建设经验会议讲话稿,网站备案 公章,产品网站设计理念,西安网站优化排名案例1.el-tree-select和el-tree组件报错#xff08;有的下拉选项选择不了#xff0c;一点击就报错#xff0c;但是有的却能选择#xff0c;不会报错#xff09; 原因:就如同v-for一样#xff0c;需要添加key才不会出现渲染错误#xff0c;而el-tree-select和el-tree组件需要…1.el-tree-select和el-tree组件报错有的下拉选项选择不了一点击就报错但是有的却能选择不会报错 原因:就如同v-for一样需要添加key才不会出现渲染错误而el-tree-select和el-tree组件需要添加node-key属性每个树节点用来作为唯一标识的属性整棵树应该是唯一的 2.在弹出框中的输入框、单选按钮出现输入不了但是在下一次打开时输入框却显示上一次输入的值 原因:没有数据没有跟着响应是ddSaleForm 变量没有用ref或者reactive的原因以下是出现该问题的变量 const addSaleForm {salesperson:, userName:, remarks:}所以添加ref就可解决该问题
3.表格编辑和保存按钮对立显示/隐藏 el-table :datasalespersonTableData border height55vh scrollbar-always-onel-table-column fixedleft typeindex width80 label序号 /el-table-column fixedleft label操作 width150template #default{ row }el-button stylecolor: #ff3535 classoperate text clickdeleteBtn(row) 删除/el-buttonel-button stylecolor: #3592FF classoperate text clickrow.isEdittrue v-if!row.isEdit编辑/el-buttonel-button stylecolor: #3592FF classoperate text clicksaveUpdata(row) v-else保存/el-buttonel-button stylecolor: #3592FF classoperate text clickgetSalepersonList(),getUserOptions() v-ifrow.isEdit取消/el-button/template/el-table-columndiv以下省略一万条代码/div
/el-table
说明实现该功能的代码关键点在于给row添加一个显示/隐藏的标识(isEdit)在保存的方法中同样通过给传参添加isEdit属性就可以隐藏保存按钮而显示编辑按钮取消按钮是直接调用获取列表接口的方法就刷新列表就可以隐藏取消按钮而显示编辑按钮了
