- 博客(26)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 element-ui框架的el-dialog弹出框被遮罩层挡住了,vue-element-ui弹出框和el-select层级混乱
Element ui中弹出框、Select 选择器等等弹出被遮盖的问题处理方法这种问题一般出现在有多个弹出框、弹出框上有select选择器这两种情况。两种情况不同的处理方式如下:情况A:有多个弹出框,你想要的效果可能是 页面->弹出框A->弹出框B,但是实际上出现的是 页面->弹出框B->弹出框A如图所示。图是在网上找的遇到这种情况不要慌,可以在el-dialog标签里添加 :modal-append-to-body=‘false’参数:modal-append-to-b
2020-08-20 15:09:34
4936
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 @keyup.enter.native事件和中文输入法状态下输入的英文产生的冲突。
在改bug的时候遇到测试提交的一个bug,拼音输入admin,敲击回车键选择英文admin时,页面提示账号密码错误。代码:有bug的 <el-input v-model="formLogin.username" placeholder="输入账号" @keyup.enter.native="submitForm('formLogin')">修改之后的 <el-input...
2019-12-10 10:48:49
1027
1
原创 uniapp+node.js实现mqtt双向通讯
1.下载node包npm install mosca mqtt --save --registry=https://registry.npm.taobao.org2.在根路径下创建server.jsconst mosca = require("mosca");//https密钥路径// const SECURE_KEY=dirname+'/key.pem"// const SECURE_CERT = dirname+"/cert.pem"//设置参数const mqttSetting =
2022-05-31 09:47:25
841
原创 uniapp打开、搜索蓝牙,通过蓝牙发送、接收数据
html<view> <button @click="open">1.是否开启蓝牙</button> <button @click="search">2.搜索蓝牙</button> <button @click="initBlue">3.连接蓝牙</button> <button @click="getInfo">4.获取蓝牙信息</button>
2022-05-27 14:29:17
6137
10
原创 node.js出现中文乱码
1.node启动,打开浏览器后发现“中文”你好变成了乱码解决办法如下解决办法如下:var http = require('http');http.createServer((req,res)=>{ res.writeHead(200,{"Content-Type":"text/html;charset='utf-8'"}); res.write('<head><meta charset="utf-8" /></head>') res.end('
2021-08-07 11:28:15
316
原创 node.js 运行node app.js无反应
var http = require('http');http.createServer(function (request,response) { response.writeHead(200,{"Content-Type":"text/html;charset='utf-8'"}); response.write('this is node.js'); response.end();}).listen(3000);这边运行node app.js 终端没有反应,其实已经运行成功了,可
2021-08-07 11:11:57
4269
2
原创 Element u中el-select、el-row、el-dropdown-item等等标签添加@click事件无效解决方法
如下:<el-row @click.native="handle"></el-row>//jshandle(){ console.log('我生效啦')}重点:在@click后加上.native原因:vue封装@click这些方法时阻止了原生的DOM事件,而native就是释放DOM原生事件。
2021-04-12 15:45:32
1001
原创 element-ui table树形数据,懒加载,删除子节点后的刷新节点
这种需要删除功能的树形数据懒加载,调用删除接口重新给table赋值会发现被折叠的行数据没有被删除,需要刷新一下页面才可以删除。这种可以采用下面的方法进行删除。//点击删除按钮的删除方法item为行数据deleteLazyTableItem (item) { const store = this.$refs.table.store; if (item.parent != -1) {
2021-04-12 15:36:02
2117
原创 element ui中bug记录,只有一个el-input框的时候会触发键盘的enter事件
bug如下:在element ui里面,如果页面只有一个el-input标签,那么鼠标放在input框上,按下enter事件会触发页面刷新。解决办法如下: 在el-form标签上加上 @submit.native.prevent<el-form :inline="true" :model="formInline" class="demo-form-inline" @submit.native.prevent><el-form>...
2021-03-25 10:46:26
379
原创 vue+element pagination分页的二次封装,带首页末页功能
el-pagination默认是不带首页和末页功能的如下:需要修改成带首页和末页功能,可以利用 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100"
2021-01-25 09:59:58
545
原创 e-charts图样式总结
option: { //颜色 color: [ "#52c41a", "#36a5ff", "#2dc1c0", "#f18429", "#f4ca38", "#6795F2", "#BF73F9", ], //鼠标悬浮之后显示的内容 tooltip: { trigger
2020-11-03 16:49:10
192
原创 Vue+Baidu Map开发(一)
VUE+Vue Baidu Map开发(一)1、打开终端 输入 npm install vue-baidu-map --save2、 在百度开发者平台申请一个令牌链接如下 JavaScript API GL3、 在main点js中引入 import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ ak
2020-08-28 10:42:11
378
原创 Echarts鼠标移入图例改变颜色
1.在series中修改series:[{ itemStyle: { normal: { color: '#EAF0F0',//外框颜色 }, emphasis:{ color:"#EAF0F0",//移入后的颜色 } },}]
2020-07-14 13:31:51
3849
4
原创 CSS画月亮
html<p></p>css p{ width: 70px; height: 70px; border-radius: 50%; box-shadow: 15px 15px yellow; }效果
2020-07-06 13:44:27
437
原创 前端如何隐藏暴露出来的滚动条
HTML部分: <div id="rightBox11"> <div class="rightBoxContent"> XXXX内容 </div> </div>CSS部分: #rightBox11{ position:absolute; top:30px...
2020-04-13 10:53:13
2625
原创 vue将图片src写在data中动态渲染的时候图片不显示的问题
要写成这种格式html<img :src="item.url" v-for="(item,index) in BottomList" :key="index">jsBottomList:[ {url:require("@/xx/xx/xx.png")}, {url:require("@/xx/xx/xx.png")}, ...
2020-04-03 11:04:03
1819
原创 element-ui如何设置开始时间小于结束时间
<el-form-item label="开放时间" prop="placeOpen"> <el-date-picker v-model="defForm.placeOpen" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeho...
2020-03-06 09:49:08
997
原创 使用ref动态绑定标签,并且为标签修改样式。
html部分 <el-form-item> <img src="@/assets/duty/line.png" style="width: 4px;height: 15px;vertical-align: middle;margin-top: -9px;margin-right: 5px;"><label class...
2019-11-13 20:36:09
2049
原创 以逗号分割数组并且去除数组最后得空数据
var arr = [1,2,3,4,] this.arr = res.result.subdept.split(",").slice(0,-1);
2019-11-13 20:33:10
644
原创 在vue中使用template ui 中的级联选择器遇到的bug
点击添加分类之后弹出添加分类框,然后再选择父级分类的时候就会出一个小bug本来级联选择器是应该在选择框下面显示的现在变成全屏显示了
2019-09-23 16:44:40
269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人