化而为鸟-CSDN博客

原创 Element复选框编辑回显问题

由于项目需要，碰到复选框编辑回显问题，因为数据格式与官网格式不同，所以试了许多次未果，百度上的答案也千奇百怪，后来经过公司大佬点拨实现了功能，所以记录一下，希望可以帮助同样遇到坑的朋友。图中数据为表中点击某一行的传入编辑页中的数据这是我根据后端返参类型写的假数据因为element中直接使用字符串与项目数据不同，将数据改为对象回显时走了许多坑图中ckecks为当前复选框中所有数据，label指向id值，key值为下标disabled因为我项目中回显后选中不可编辑，如果没用这种效果可不写input框

2020-09-17 00:25:55 2044

原创 Element-ui中实现导航菜单

写这个的原因是因为当时写这个功能时候element只有效果，但是功能没有实现，当时一头雾水先放图吧大体实现思路我先讲一下不然下面代码片段会看懵，圈出来的左右两部分，左边是element复制就可实现，右边是跳转的子组件。首先创建导航菜单的vue文件，但这个文件里面只是引入组件，里面使用Container布局容器实现左右两部分，左边el-aside标签中放入导航菜单的组件，右边el-main标签中写<router-view></router-view>实现路由跳转即可导航菜

2020-05-11 23:43:15 4697

原创 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 729

原创 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 1018

原创 VS code设置字体特效

这次分享一个之前设置的字体特效，虽然说本人编程技术很菜，但是也想要一个良好的敲代码体验，找到了这种花里胡哨的特效，之前也一直在用，所以分享出来以供参考首先下载Power Mode 插件，这是一个给字体设置特效的插件下载好插件后在设置中找到settings.json 文件进行修改（点击就可进入设置）接下来只需要在.json文件中写入 "powermode.enabled": true, ...

2020-01-05 14:46:19 2019 2

原创 ElementUI分页与增删改合并

之前有做过表格增删改与分页效果，今天闲着没事，把两个合并试了试，主要合并之后有一个问题，如果第二页有一条数据，删除后不会跳转到上一页，之前因为删除数据有点问题（自己写的bug），导致结果偏差，以为方法不可行，后来被人指点，修改以后方法可行具体思路很简单，如果总数据对每页存放最大数据求余，如果余数为1，当前页数-1，因为当时试了element里面的分页，如果只有1页，跳转第0页，还是会在第一页，不...

2020-01-04 14:38:04 218

原创 vue中使用axios设置请求头

get方式请求this.axios .get( "http://www.*****.com", { headers: { Authorization: this.tokens }, //设置的请求头 //传入的参数 params: { ...

2019-12-30 19:45:57 4913

原创 Element UI实现分页效果

首先，分页的实现要关联table表<el-table :data="userList.slice((currentPage-1)*pagesize,currentPage*pagesize)" >data这句必须要写（固定写法）分页效果代码直接复制elementUI<el-pagination></el-pagination>这个标签是分页标...

2019-12-24 16:39:08 660

原创 ElementUI实现表格增删改查

之前在vue中实现表格增删改查，但是没有样式所以就比较丑，这次使用elementUI框架实现该功能界面样式进行优化，如果有需要的可以直接复制代码运行，前提全局安装elementUI这些 <template> <el-row> <el-row> <el-col :span="3"><el-button type=...

2019-12-24 16:30:18 3363 1

原创移动端弹出软键盘时会将页面顶上去

之前做移动端项目时有出现过这样的情况，主要原因是因为当软键盘弹出，因为软键盘与页面处于相同层级，软键盘的出现会破坏原本的样式，造成部分页面不可见问题还有一个细节问题，之前因为会出现浏览器保存的信息（类似于模糊查找），弹出后如果不选择弹出的选项的话，直接关闭软键盘，弹出的位置不会改变，影响效果需要在input框阻止自动填充注：当时我设置最外层父元素为相对定位，不可将之设置为固定定位，否则下面样...

2019-12-24 00:27:33 3221

原创这是之前在公司做登录注册前后端不分离并且自适应时碰到的一些问题，自己做了总结

设置input标签中placeholder的样式input::-webkit-input-placeholder{ /*WebKit browsers*/ font-size: 17px; color:skyblue; } input::-moz-input-placeholder{ /*Mozilla Firefox*/ ...

2019-12-24 00:07:29 207

原创 vue脚手架中实现表格增删改查

Vue脚手架中实现表格增删改查功能之前一直想要搜一份这样的效果练练手，没办法，都不是自己想要的效果，所以自己写了份以便参考<template> <div id="tab"> <div class="add"> <input type="text" placeholder="标题" v-model="ti...

2019-12-13 01:30:59 2183

HEWNCP的博客