Vue中,想要不借助element框架来实现点击编辑按钮后的弹窗中有对应行的数据如
应该如何处理?
目前的的弹框代码
点击编辑之后获取id,然后在通过id去请求数据回来并渲染
把内容(你这些输入框什么的)都放到一个 div 里,调整好布局,该 div 默认 display: none,就是隐藏的
当需要展示的时候,就可以通过 js 操作 dom,把 display:none 改成其他的 (一般是 display: block),他就在页面上展示出来了
至于看起来像弹窗,就需要写样式了,给它一个父容器,宽高为页面宽高、灰色透明背景,然后内容 div 垂直水平居中即是弹窗效果
如果要让效果更好,可以设置 css 动画(更加一个变化过程)
关闭弹窗则把该 div 改回 display: none,它就隐藏了