
vue
OnismYY
经历得太少,鸡毛蒜皮都是烦恼……
展开
-
error: Unexpected console statement (no-console) 解决办法
error: Unexpected console statement (no-console)原创 2022-09-01 16:51:17 · 1650 阅读 · 0 评论 -
数组在data中定义,在computed中处理后再给页面使用
ParaSet数组中有很多数据,但是只想要显示前两条。多条数据,只显示某些条。原创 2022-08-12 09:19:05 · 314 阅读 · 0 评论 -
插值表达式直接让数组显示为对象
/.join()让数组直接显示对象。原创 2022-08-11 15:31:22 · 285 阅读 · 0 评论 -
vue跳转到html页面,添加回到顶部,跳转软件许可服务协议
vue跳转到html,添加回到顶部,用于跳转软件许可服务协议原创 2022-07-12 13:37:37 · 761 阅读 · 0 评论 -
vsCode保存后,浏览器不会刷新
vsCode保存后,浏览器不会刷新原创 2022-06-24 15:47:54 · 6176 阅读 · 3 评论 -
保留小数点后两位,并保持number格式
.toFixed(2),保留小数点后两位,返回字符串格式原创 2022-06-20 15:10:55 · 732 阅读 · 0 评论 -
判断数组中的对象全为false,或全为true
data中判断数组中全是false判断数组中的对象全是true原创 2022-06-20 15:04:17 · 3622 阅读 · 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 · 732 阅读 · 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 · 612 阅读 · 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 · 205 阅读 · 0 评论 -
将一个数组的内容添加到另外一个数组的最后面,并将“ “设置为“无“
定义: // 冲水阀可以不选,所以需要新建一条空数据,放到灌溉电磁阀信息的第一条 allirrValveArr: [], //存储所有灌溉电磁阀信息 allirrValveObject: [ { zoneName: "", name: "", addr: "", type: "", group: null, channel: null, sta: null,原创 2021-12-02 10:36:02 · 609 阅读 · 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 · 750 阅读 · 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 · 517 阅读 · 0 评论 -
用set方法将对象放到数组中替换第一个对象
替换索引为0的对象//将data.para放到数组mainPumpArr中替换第一个对象 this.$set(this.mainPumpArr, 0, data.para)原创 2021-11-27 15:16:40 · 402 阅读 · 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 · 1344 阅读 · 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 · 399 阅读 · 0 评论 -
使用vue-cli创建项目命令行
安装node安装vue/cli全局化安装npm(不建议装cnpm,有些包不全,容易装错)vuecli创建脚手架过程:创建项目:vue create vue-test进入项目:cd vue-test(如果要使用vuetify组件,不使用则不用:vue add vuetify)运行:npm run serve...原创 2021-10-19 14:12:34 · 149 阅读 · 0 评论 -
vuedraggable拖拽组件布局一个列表上下左右拖动
官方文档的例子默认都是一条信息占用一行位置,只能上下拖动,想要实现一个列表的上下左右拖动,一行内有多条信息,需要将默认的行内元素,转变为行内块元素,一条代码div中绑定属性:style="{display:‘inline-block’}未设置前设置后...原创 2021-10-15 11:02:30 · 1600 阅读 · 2 评论 -
vue下页面报错解决1.Cannot read property 'temp' of null"
我的环境电脑系统Ubuntu,vscode编辑器项目是使用vue-cli搭建的脚手架,文件名后缀均为.vue使用vuetify框架vue从后台获取到数据并已渲染元素但还是报null错误无论删除哪条报错的数据,处在第一条数据永远在报错源代码页面我的初始赋值的deviceLatestValue是null,初始渲染读取deviceLatestValue.temp当然是Cannot re...原创 2019-02-13 18:57:50 · 9197 阅读 · 1 评论