ss_Tina的博客

【elementui el-table前端动态选择表名展示表数据】【elementui展示查询数据库所有表数据】弹窗子组件的代码，通过首页选择了表名、条件（字段名和字段值），点查询进行弹窗，显示查询后的页面。前端传表名，和where查询的条件给后端。后端拼接成sql进行查询。然后返回给前端进行展示。

在el-table中有个按钮子组件，当el-table中只有一条数据的时候不会有错，但是当数据大于1条时页面就报错了。其实看起来是没问题。因为this.wordData在页面初始化调接口的时候也有赋值其他的数据，所以是将wordData定义在了 data里面。原来是打印了this.wordData才造成报错有无限循环，我如果用原来的代码去掉打印也是没问题的。后来我发现了上面的代码换成重新定义是没问题的不会报错，不用this.。后面我想还原错误，截报错图来发文的时候，随意去掉了注释，发现居然不报错啦！

因为调用第二个接口，需要第一个接口中获得的数据作为参数，所以必须先等第一个接口调完才能调第二个接口。

页面不需要固定底部的场景，多出来固定底部bug修复。后面就是查看页面height设置，看有哪里的height设置的不对。果然搜索到一个造成这种情况的样式设置。将下面截图中的三个框出来的部分都去掉之后，页面就没有这个多出来的固定底部了。修改别人的页面时，发现页面上下滚动的时候，多出来了一个固定的底部。F12的时候对这个多余的固定底部也检查不到元素。

elementui新增或修改时，el-upload上传组件回显预览删除（el-upload上传图片base64给后端）addOrUpdate.vue新增或修改时，修改需要可以回显图片，上传图片后要可以预览以及删除。

由于每个页面的高度都不一样，加上底部后，页面总是显示的位置不在底部，可以通过设置z-index+position进行固定。footer.vue 主要是logo，这是设置的logo样式，可以固定在底部，但是并不能完全居中。用left去靠左的，居中待解决。有几个页面要加底部logo。

van-dialog 里面内容很多循环展示list的时候，加竖向滚动条

主要是参考官网短信验证码的demo示例，将单位显示在最右边。

vue+vant+后端PageHelper进行分页，前后端代码

参考文章：vant移动端显示table效果，增加复选框，可以进行多选和全选。加横向滚动条，可以看全部内容。主要是参考上面两篇文章。页面效果。

分类1、分类2、我的。分类1和分类2切换没有问题，点击我的也没问题。从我的点击分类1或者分类2时，分类1和分类2都不高亮了。页面底部有一个tabbar栏，下面三个分类，其中两个分类是跳转到一个页面，只是页面参数不同。另一个我的跳到其它页面。主要是参考上面链接，对$route进行了监控，达到切换高亮。我的handleActive加了个监听参数的判断。

vue，使用van-tabbar样例小记，van-tabbar跳转当前页，vue-route获取页面所有参数跳转带参。

测试elementui 和vantUi表单自动触发验证区别。elementui表单如果有添加校验，将button设置native-type="submit"并不会触发表单的自动验证而vantui会自动触发，不需要手动写this.$refs.form.validate。

elementui图片预览。点击小图展示大图/点击预览按钮，弹框显示图片，点击图片预览大图。v-viewer预览&el-image预览！el-dialog+el-image图片预览问题修改。页面直接使用el-dialog和组件使用el-dialog。建议使用组件进行引入而不是直接将el-dialog写在页面中，可以修复一些显示性问题。

页面配置化！上传组件+输入框+单选框+复选框。页面动态渲染表单。根据数据库配置，动态生成表单的上传组件。数据库字段设计。