项目效果实现
化而为鸟
不要随便找个参照物就堕落的理所应当
展开
-
Element复选框编辑回显问题
由于项目需要,碰到复选框编辑回显问题,因为数据格式与官网格式不同,所以试了许多次未果,百度上的答案也千奇百怪,后来经过公司大佬点拨实现了功能,所以记录一下,希望可以帮助同样遇到坑的朋友。图中数据为表中点击某一行的传入编辑页中的数据这是我根据后端返参类型写的假数据因为element中直接使用字符串与项目数据不同,将数据改为对象回显时走了许多坑图中ckecks为当前复选框中所有数据,label指向id值,key值为下标disabled因为我项目中回显后选中不可编辑,如果没用这种效果可不写input框原创 2020-09-17 00:25:55 · 2015 阅读 · 0 评论 -
Element-ui中实现导航菜单
写这个的原因是因为当时写这个功能时候element只有效果,但是功能没有实现,当时一头雾水先放图吧大体实现思路我先讲一下不然下面代码片段会看懵,圈出来的左右两部分,左边是element复制就可实现,右边是跳转的子组件。首先创建导航菜单的vue文件,但这个文件里面只是引入组件,里面使用Container布局容器实现左右两部分,左边el-aside标签中放入导航菜单的组件,右边el-main标签中写<router-view></router-view>实现路由跳转即可导航菜原创 2020-05-11 23:43:15 · 4673 阅读 · 0 评论 -
Vue中生成二维码功能实现
1.安装qrcodejs2npm install qrcodejs2 --save2.在页面中引入import QRCode from "qrcodejs2"3.在html中 必须为id值,这里用来存放生成的二维码<div id="qrcode"></div>4.data中写入生成二维码内容或链接data(){ return{ ...原创 2020-04-24 19:43:19 · 726 阅读 · 0 评论 -
Vue中实现复制文字(剪切板)功能实现
1.首先安装vue-clipboard2npm install --save vue-clipboard22.在main.js中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)在html中:<template> <div> <div class="about"...原创 2020-04-23 23:13:08 · 1005 阅读 · 0 评论