- 博客(63)
- 资源 (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
1442
原创 项目hbuilder运行报错加载报错Failed to load module script: Expected a JavaScript-or-Wasm module script but the
加载报错Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of “”. Strict MIME type checking is enforced for module scripts per HTML spec.，这个 MIME type 错误是 HBuilder 真机运行的典型问题。使用hash模式，兼容真机运行。
2025-12-23 09:40:42
56
原创 输入框限制输入最大值最小值
targetOpenRatio是关联值，100为限制最高，0为限制最低，超过100，则自动为100，低于0则自动为0。
2025-11-20 16:40:57
113
原创 hbuild安卓手机运行本地index.html文件，报错?的问题
项目启动时出现多个报错，主要包括：1. index.html中preload的type值不受支持；2. assets/index.js第14行存在意外的"?"语法错误（旧版Android WebView不支持的?.可选链语法）；3. 多个字体资源预加载后未被及时使用。解决方案是安装@vitejs/plugin-legacy@4.1.1插件进行语法降级，配置targets兼容Android 4.4+等旧系统，自动转换现代语法为兼容代码，无需手动修改每个文件。
2025-11-13 16:38:18
411
原创 vue2项目运行后，看不到console.log的实际行数
通常是由于 Webpack 或其他构建工具在打包过程中对代码进行了优化和压缩，使得最终生成的代码很难与源代码一一对应。这种情况下，调试信息中可能缺少原始代码的行号和文件名。为了在浏览器控制台中看到更准确的调试信息（包括行号和文件名），你可以启用 Source Maps。Source Maps 允许你在调试时将压缩后的代码映射回原始源代码。解决方法：启用 Source Maps。解决 Webpack < 5 报错。
2024-06-28 08:23:27
972
原创 封装vuetify3中v-time-picker组件，并解决使用时分秒类型只能在修改秒之后v-model才会同步更新的问题
封装vuetify3中v-time-picker组件，并解决使用时分秒类型只能在修改秒之后v-model才会同步更新的问题
2024-06-24 18:31:17
619
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
1606
原创 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
714
原创 在vue和 js 、ts 数据中使用 vue-i18n，切换语言环境时，标签文本实时变化
我的项目需要显示两种语言(中文和英文)，并且我想要切换语言时，页面语言环境会随之改变，但是目前发现，只能在vue中使用$t('')的方式使用，但是这种方式只能在vue中使用，但是我的菜单文件是定义在js中，在vue中遍历显示的，所以我开始尝试用标签代替我原本的字符串
2024-04-12 11:42:04
1705
原创 vuetify3+vite，打包后mdi图标无法正常显示，及打包后首页白屏
vietify3+vite,打包后mdi图标不显示，以及打包后白屏问题
2024-03-12 10:22:29
1206
原创 ant Design vue中a-row 内容不会垂直居中
ant Design vue中a-row内容不会垂直居中a-row需要添加一个高度style=“min-height:100vh”
2022-09-16 16:03:13
4824
原创 error: Unexpected console statement (no-console) 解决办法
error: Unexpected console statement (no-console)
2022-09-01 16:51:17
1753
原创 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
278
原创 不足所需长度的字符串补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
1450
原创 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
1052
原创 插值表达式直接使用方法，显示时moment秒转为时分秒
仅在显示的时候将秒转为时分秒，值是秒，显示出来是时分秒，这个也可以用于倒计时，处理秒就好插值表达式使用方法<p>{{ convertSecToHHmmss(runTimeSec) }}</p>methods中的方法// moment将秒转换为时分秒，使用return返回结果，就可以直接在插值表达式中使用这个方法 convertSecToHHmmss(sec) { let currentTime = moment.duration(sec, "second
2021-12-17 17:29:42
3180
原创 判断为 “ “的时候，0无法进入判断
最近发现一个很容易让人忽视的bug，当我要判断一个数字不等于undefined，不等于null，不等于" "，符合条件后才执行语句，但是0总是无法进入判断，0是一个很特殊的存在，它不符合!=" "，在判断的时候，要使用两个等号，或则将其转换为字符串再进行判断方式1判断!=" "的时候使用两个等号 if ( this.stgIndex != undefined && this.stgIndex != null && thi
2021-12-17 17:06:28
264
原创 设置文字自动折行
<span class="pRow ">{{ item2.label }}</span>.pRow { word-wrap: break-word; word-break: break-all;}
2021-12-16 15:30:14
269
原创 添加滑动条左右滑动
添加样式 :style="{'width': '100%', 'white-space': 'nowrap','overflow-x': 'auto','-webkit-overflow-scrolling':'touch',}"
2021-12-16 15:02:42
319
原创 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
759
原创 使用set方式，替换数组中某个索引下的某个对象
this.autoIrrigationFertilizerStrategy 是要被修改的数组this.selectedAutoECPHIndex 是索引ecphStrategy 是要被替换的对象data.para 是用来替换的对象替换后， this.autoIrrigationFertilizerStrategy 数组中索引为this.selectedAutoECPHIndex 下的对象ecphStrategy 被替换成了 data.parathis.$set(this.autoIr.
2021-12-08 09:19:48
653
原创 没有键名的数组直接遍历到页面上，并根据索引添加键名
传递过来的数组是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
234
原创 将一个数组的内容添加到另外一个数组的最后面，并将“ “设置为“无“
定义： // 冲水阀可以不选，所以需要新建一条空数据，放到灌溉电磁阀信息的第一条 allirrValveArr: [], //存储所有灌溉电磁阀信息 allirrValveObject: [ { zoneName: "", name: "", addr: "", type: "", group: null, channel: null, sta: null,
2021-12-02 10:36:02
641
原创 将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
802
原创 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
556
资源管理器多标签 Clover_Setup_3.0.406.zip
2020-09-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人