关于不使用elementui情况下的vue编写,有无dalao看看应该怎么整

Vue中,想要不借助element框架来实现点击编辑按钮后的弹窗中有对应行的数据如

应该如何处理?

目前的的弹框代码

 

点击编辑之后获取id,然后在通过id去请求数据回来并渲染

把内容(你这些输入框什么的)都放到一个 div 里,调整好布局,该 div 默认 display: none,就是隐藏的

当需要展示的时候,就可以通过 js 操作 dom,把 display:none 改成其他的 (一般是 display: block),他就在页面上展示出来了

至于看起来像弹窗,就需要写样式了,给它一个父容器,宽高为页面宽高、灰色透明背景,然后内容 div 垂直水平居中即是弹窗效果

如果要让效果更好,可以设置 css 动画(更加一个变化过程)

 

关闭弹窗则把该 div 改回 display: none,它就隐藏了