前端开发
拳击俱乐部
这个作者很懒,什么都没留下…
展开
-
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 · 6346 阅读 · 10 评论 -
unipp app端使用地图进行定位、打点、导航、路线规划
uniapp地图导航、定位、打点、路线规划原创 2022-05-27 14:22:45 · 10945 阅读 · 10 评论 -
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 · 1037 阅读 · 0 评论 -
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 · 410 阅读 · 0 评论 -
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 · 572 阅读 · 0 评论 -
e-charts图样式总结
option: { //颜色 color: [ "#52c41a", "#36a5ff", "#2dc1c0", "#f18429", "#f4ca38", "#6795F2", "#BF73F9", ], //鼠标悬浮之后显示的内容 tooltip: { trigger原创 2020-11-03 16:49:10 · 226 阅读 · 0 评论 -
前端如何隐藏暴露出来的滚动条
HTML部分: <div id="rightBox11"> <div class="rightBoxContent"> XXXX内容 </div> </div>CSS部分: #rightBox11{ position:absolute; top:30px...原创 2020-04-13 10:53:13 · 2636 阅读 · 0 评论 -
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 · 1852 阅读 · 0 评论 -
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 · 1031 阅读 · 0 评论 -
vue请求接口的数据赋值给data的问题
第一个请求把返回的数据赋值第二个请求的参数是第一个请求返回的数据原创 2019-12-16 16:31:16 · 4386 阅读 · 0 评论 -
@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 · 1050 阅读 · 1 评论 -
js中操作字符串的n多方法
1.charAt原创 2019-12-05 17:10:24 · 94 阅读 · 0 评论 -
百度地图在线编辑器
https://developer.baidu.com/map/custom/原创 2019-12-05 09:23:37 · 3838 阅读 · 0 评论 -
使用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 · 2058 阅读 · 0 评论 -
以逗号分割数组并且去除数组最后得空数据
var arr = [1,2,3,4,] this.arr = res.result.subdept.split(",").slice(0,-1);原创 2019-11-13 20:33:10 · 662 阅读 · 0 评论 -
call()方法、apply()方法和bind()方法三者的作用和区别
call,apply,bind三者都是用来修改this的指向。原创 2019-10-17 23:32:12 · 154 阅读 · 0 评论 -
在vue中使用template ui 中的级联选择器遇到的bug
点击添加分类之后弹出添加分类框,然后再选择父级分类的时候就会出一个小bug本来级联选择器是应该在选择框下面显示的现在变成全屏显示了原创 2019-09-23 16:44:40 · 281 阅读 · 0 评论