- 博客(60)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 数组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
1328
原创 vue2项目运行后，看不到console.log的实际行数
通常是由于 Webpack 或其他构建工具在打包过程中对代码进行了优化和压缩，使得最终生成的代码很难与源代码一一对应。这种情况下，调试信息中可能缺少原始代码的行号和文件名。为了在浏览器控制台中看到更准确的调试信息（包括行号和文件名），你可以启用 Source Maps。Source Maps 允许你在调试时将压缩后的代码映射回原始源代码。解决方法：启用 Source Maps。解决 Webpack < 5 报错。
2024-06-28 08:23:27
360
原创 封装vuetify3中v-time-picker组件，并解决使用时分秒类型只能在修改秒之后v-model才会同步更新的问题
封装vuetify3中v-time-picker组件，并解决使用时分秒类型只能在修改秒之后v-model才会同步更新的问题
2024-06-24 18:31:17
310
1原创 Vuetify3项目报错：TypeError: globalStack.at is not a function at stack.ts:57 Uncaught(in promise) Type
这个报错似乎和vuetify3组件有某些关系，类似v-autocomplete组件，v-select组件，我猜想可能是因为vuetify3组件底层使用到了.at()这个函数去处理数组，达到选中下拉选项的目的，但是这个函数又是后面新增的特性，旧的浏览器无法兼容识别这个函数导致报错。咱也不太懂，只管解决问题，报错指向的都是 at() 函数，at()函数是新特性，微信开发者工具中的浏览器不兼容这种方式，所以导致的报错，也不知这个开发者工具的浏览器内核是多少的，肯定是挺老的。// 仅需要两个步骤。
2024-04-18 14:23:14
1056
原创 Uncaught Error: []: “getActivePinia()“ was called but there was no active Pinia. Are you trying to
pinia.js?v=38f1cc9f:1341 Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?pinia在组件外使用存储
2024-04-16 09:09:10
251
原创 在vue和 js 、ts 数据中使用 vue-i18n，切换语言环境时，标签文本实时变化
我的项目需要显示两种语言(中文和英文)，并且我想要切换语言时，页面语言环境会随之改变，但是目前发现，只能在vue中使用$t('')的方式使用，但是这种方式只能在vue中使用，但是我的菜单文件是定义在js中，在vue中遍历显示的，所以我开始尝试用标签代替我原本的字符串
2024-04-12 11:42:04
1105
原创 vuetify3+vite，打包后mdi图标无法正常显示，及打包后首页白屏
vietify3+vite,打包后mdi图标不显示，以及打包后白屏问题
2024-03-12 10:22:29
647
原创 ant Design vue中a-row 内容不会垂直居中
ant Design vue中a-row内容不会垂直居中a-row需要添加一个高度style=“min-height:100vh”
2022-09-16 16:03:13
3969
原创 error: Unexpected console statement (no-console) 解决办法
error: Unexpected console statement (no-console)
2022-09-01 16:51:17
1520
原创 Vue警告：Computed property “xxxx“ was assigned to but it has no setter.
Vue警告：Computed property “xxxx“ was assigned to but it has no setter.
2022-08-11 17:23:33
163
原创 不足所需长度的字符串补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
1207
原创 nvm安装node的同时不会安装npm
NVM下载下载地址：https://github.com/coreybutler/nvm-windows/releases，win10下载nvm-setup.zip参考：使用nvm实现不同nodejs版本切换，感谢Fun肆编程博主。安装解压后，以管理员身份运行同位置新建一个nodejs空文件夹安装路径下找到配置文件settings.txt，修改里面的内容，确认你的安装位置E:\SoftInstall\dev\nvm 是我的位置末尾添加node_mirror: http://np
2022-05-12 16:15:27
777
原创 插值表达式直接使用方法，显示时moment秒转为时分秒
仅在显示的时候将秒转为时分秒，值是秒，显示出来是时分秒，这个也可以用于倒计时，处理秒就好插值表达式使用方法<p>{{ convertSecToHHmmss(runTimeSec) }}</p>methods中的方法// moment将秒转换为时分秒，使用return返回结果，就可以直接在插值表达式中使用这个方法 convertSecToHHmmss(sec) { let currentTime = moment.duration(sec, "second
2021-12-17 17:29:42
2998
原创 判断为 “ “的时候，0无法进入判断
最近发现一个很容易让人忽视的bug，当我要判断一个数字不等于undefined，不等于null，不等于" "，符合条件后才执行语句，但是0总是无法进入判断，0是一个很特殊的存在，它不符合!=" "，在判断的时候，要使用两个等号，或则将其转换为字符串再进行判断方式1判断!=" "的时候使用两个等号 if ( this.stgIndex != undefined && this.stgIndex != null && thi
2021-12-17 17:06:28
163
原创 设置文字自动折行
<span class="pRow ">{{ item2.label }}</span>.pRow { word-wrap: break-word; word-break: break-all;}
2021-12-16 15:30:14
166
原创 添加滑动条左右滑动
添加样式 :style="{'width': '100%', 'white-space': 'nowrap','overflow-x': 'auto','-webkit-overflow-scrolling':'touch',}"
2021-12-16 15:02:42
215
原创 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
637
原创 使用set方式，替换数组中某个索引下的某个对象
this.autoIrrigationFertilizerStrategy 是要被修改的数组this.selectedAutoECPHIndex 是索引ecphStrategy 是要被替换的对象data.para 是用来替换的对象替换后， this.autoIrrigationFertilizerStrategy 数组中索引为this.selectedAutoECPHIndex 下的对象ecphStrategy 被替换成了 data.parathis.$set(this.autoIr.
2021-12-08 09:19:48
551
原创 没有键名的数组直接遍历到页面上，并根据索引添加键名
传递过来的数组是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
161
原创 将一个数组的内容添加到另外一个数组的最后面，并将“ “设置为“无“
定义： // 冲水阀可以不选，所以需要新建一条空数据，放到灌溉电磁阀信息的第一条 allirrValveArr: [], //存储所有灌溉电磁阀信息 allirrValveObject: [ { zoneName: "", name: "", addr: "", type: "", group: null, channel: null, sta: null,
2021-12-02 10:36:02
560
原创 将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
669
原创 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
469
原创 用set方法将对象放到数组中替换第一个对象
替换索引为0的对象//将data.para放到数组mainPumpArr中替换第一个对象 this.$set(this.mainPumpArr, 0, data.para)
2021-11-27 15:16:40
332
原创 三元表达式判断控制插值表达式里面的内容
<!-- 绑定支管 {{ props.item.branchValveName }}--><!--如果内容为空，显示无，如果传递过来的内容不为空，展示内容--><td class="text-xs-left">{{ props.item.branchValveName=="" ? "无" : props.item.branchValveName }}</td><!-- 绑定主水泵{{ props.item.mainPumpName }} -->
2021-11-19 17:09:56
1227
原创 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
357
资源管理器多标签 Clover_Setup_3.0.406.zip
2020-09-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人