![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
OnismYY
经历得太少,鸡毛蒜皮都是烦恼……
展开
-
error: Unexpected console statement (no-console) 解决办法
error: Unexpected console statement (no-console)原创 2022-09-01 16:51:17 · 1501 阅读 · 0 评论 -
数组在data中定义,在computed中处理后再给页面使用
ParaSet数组中有很多数据,但是只想要显示前两条。多条数据,只显示某些条。原创 2022-08-12 09:19:05 · 253 阅读 · 0 评论 -
插值表达式直接让数组显示为对象
/.join()让数组直接显示对象。原创 2022-08-11 15:31:22 · 212 阅读 · 0 评论 -
自定义格式化时间模块并调用
格式化当前时间原创 2022-07-06 10:35:08 · 260 阅读 · 0 评论 -
vsCode保存后,浏览器不会刷新
vsCode保存后,浏览器不会刷新原创 2022-06-24 15:47:54 · 4922 阅读 · 3 评论 -
保留小数点后两位,并保持number格式
.toFixed(2),保留小数点后两位,返回字符串格式原创 2022-06-20 15:10:55 · 518 阅读 · 0 评论 -
判断数组中的对象全为false,或全为true
data中判断数组中全是false判断数组中的对象全是true原创 2022-06-20 15:04:17 · 3374 阅读 · 0 评论 -
数组Array的创建以及常用方法
数组Array的创建以及常用方法Array.from(arr);arr.every(callback);arr.filter(callback);arr.push(值);arr.pop();arr.shift();arr.unshift(元素);arr.forEach(callback);arr.indexOf(元素);arr.lastIndexOf();arr.join(“|”);arr.map(函数);arr.reverse();arr.slice(x,y);arr.s原创 2022-06-07 10:37:59 · 1327 阅读 · 0 评论 -
不足所需长度的字符串补0返回
前面添加0// 方法封装,设置需要的字符串长度,不足的在字符串前面补上0 //hexString是要处理的字符串,wantedLength是设置的长度 convertWantedLengthUppercase(hexString, wantedLength) { let loopTimes = wantedLength - hexString.length; for (let i = 0; i < loopTimes; i++) { hexSt原创 2022-05-21 09:58:21 · 1185 阅读 · 0 评论 -
插值表达式直接使用方法,显示时moment秒转为时分秒
仅在显示的时候将秒转为时分秒,值是秒,显示出来是时分秒,这个也可以用于倒计时,处理秒就好插值表达式使用方法<p>{{ convertSecToHHmmss(runTimeSec) }}</p>methods中的方法// moment将秒转换为时分秒,使用return返回结果,就可以直接在插值表达式中使用这个方法 convertSecToHHmmss(sec) { let currentTime = moment.duration(sec, "second原创 2021-12-17 17:29:42 · 2985 阅读 · 0 评论 -
判断为 “ “的时候,0无法进入判断
最近发现一个很容易让人忽视的bug,当我要判断一个数字不等于undefined,不等于null,不等于" ",符合条件后才执行语句,但是0总是无法进入判断,0是一个很特殊的存在,它不符合!=" ",在判断的时候,要使用两个等号,或则将其转换为字符串再进行判断方式1判断!=" "的时候使用两个等号 if ( this.stgIndex != undefined && this.stgIndex != null && thi原创 2021-12-17 17:06:28 · 159 阅读 · 0 评论 -
设置文字自动折行
<span class="pRow ">{{ item2.label }}</span>.pRow { word-wrap: break-word; word-break: break-all;}原创 2021-12-16 15:30:14 · 162 阅读 · 0 评论 -
添加滑动条左右滑动
添加样式 :style="{'width': '100%', 'white-space': 'nowrap','overflow-x': 'auto','-webkit-overflow-scrolling':'touch',}"原创 2021-12-16 15:02:42 · 213 阅读 · 0 评论 -
v-model.number,自动转为 number 类型
v-model.number="pagination.page"扩展-----v-model.trim="msg"用于去掉输入框内首尾空格(这个解析的在输入事件发生之后才会执行的,赋值并没有触发他的输入事件,所以不会解析)v-model.lazy=“msg”当添加.lazy修饰符之后,改变input框中的内容并不会使得span中的内容发生变化,此时当输入框失去焦点后触发change事件.控制台中输出相应内容(加上.lazy后相当于 双向数据绑定不起作用了)...原创 2021-12-08 09:36:43 · 626 阅读 · 0 评论 -
使用set方式,替换数组中某个索引下的某个对象
this.autoIrrigationFertilizerStrategy 是要被修改的数组this.selectedAutoECPHIndex 是索引ecphStrategy 是要被替换的对象data.para 是用来替换的对象替换后, this.autoIrrigationFertilizerStrategy 数组中索引为this.selectedAutoECPHIndex 下的对象ecphStrategy 被替换成了 data.parathis.$set(this.autoIr.原创 2021-12-08 09:19:48 · 545 阅读 · 0 评论 -
没有键名的数组直接遍历到页面上,并根据索引添加键名
传递过来的数组是enPhStrategyenFerChValves: [ 1, 0, 1 ],使用v-for遍历数组enFerChValves,自行添加索引 “i”通道 A/B/C肥是否启用, 根据传递过来的数组,判断里面的值,如果值是1,就表示启用,图标有颜色,如果值是0,就表示没有启用,图标为灰色根据索引添加键名,使用三元表达式判断遍历后的索引如果索引为0,显示A肥,如果索引为1,显示B肥,如果索引为2,显示C肥最后效果...原创 2021-12-02 11:31:27 · 160 阅读 · 0 评论 -
将一个数组的内容添加到另外一个数组的最后面,并将“ “设置为“无“
定义: // 冲水阀可以不选,所以需要新建一条空数据,放到灌溉电磁阀信息的第一条 allirrValveArr: [], //存储所有灌溉电磁阀信息 allirrValveObject: [ { zoneName: "", name: "", addr: "", type: "", group: null, channel: null, sta: null,原创 2021-12-02 10:36:02 · 552 阅读 · 0 评论 -
将1/0换成checkbox可用的true和false
使用插集表达式查看{{enableSwitch}}将数组this.enableSwitchArr里面的1或0,换成对应的true和false enableSwitch() { return [ { enable: this.enableSwitchArr.map((item) => item == 1 ? true : false ), }, ]; },扩..原创 2021-11-30 12:36:57 · 652 阅读 · 0 评论 -
vue单击事件调用事件的同时,设置dialog参数
单击事件调用事件的同时,设置dialog参数@click="(settingDialog = false), clickButton(item.value)" //传递参数@click="showPHSetDialog = false; setTargetPH();" //直接调用调用事件的同时传递参数@click="openRotationDevice('BRANCH_VALVE', valve)"openRotationDevice(type, item) { if (type原创 2021-11-29 09:14:33 · 465 阅读 · 0 评论 -
用set方法将对象放到数组中替换第一个对象
替换索引为0的对象//将data.para放到数组mainPumpArr中替换第一个对象 this.$set(this.mainPumpArr, 0, data.para)原创 2021-11-27 15:16:40 · 324 阅读 · 0 评论 -
三元表达式判断控制插值表达式里面的内容
<!-- 绑定支管 {{ props.item.branchValveName }}--><!--如果内容为空,显示无,如果传递过来的内容不为空,展示内容--><td class="text-xs-left">{{ props.item.branchValveName=="" ? "无" : props.item.branchValveName }}</td><!-- 绑定主水泵{{ props.item.mainPumpName }} -->原创 2021-11-19 17:09:56 · 1209 阅读 · 0 评论 -
findIndex(),判断一个输入对象是否等于数组中的某一项,不可添加重复名称
判断输入的name是否等于数组中的name,如果等于,不可再添加,不等于可以添加 para: [ { "name": "片区一", "addr": "tca95351", "type": "TCA9535", "group": 1, "channel": 6}, { "name": "片区二", "addr": "tca95351", "type": "TCA9535", "group": 1, "channel": 7} ] mytest() { let index = th原创 2021-11-19 10:25:32 · 354 阅读 · 0 评论 -
三元表达式判断数值是否为true,决定颜色
//如果isEnabled为true,颜色为红色,如果为false,颜色为灰色 <p color="isEnabled ? 'red' : '#ccc'">我爱你中国</p>原创 2021-11-03 16:27:15 · 1332 阅读 · 0 评论