- 博客(139)
- 收藏
- 关注
RSS订阅原创 Vue 3 动态 ref 的使用方式（表格）
在开发表格组件时，遇到一个视频上传功能的问题：当表格有多行数据时，点击某一行的上传按钮并选择文件后，数据总是被绑定到最后一行，而非目标行。为解决此问题，采取了以下步骤：首先，创建了一个inputRefs对象来存储每行input元素的引用；其次，在模板中通过ref绑定将每行的input元素与对应的行ID关联；最后，通过行ID获取对应的input引用并触发点击事件，确保文件上传功能正确绑定到目标行。这一方法有效解决了数据绑定错误的问题，提升了用户体验。
2025-05-18 19:02:12
490
1
原创 组件通信-provide、inject
子组件：注意：子组件中不用编写任何东西，是不受到任何打扰的。孙组件：【第二步】孙组件中使用。【第一步】父组件中，使用。配置向后代组件提供数据。
2025-05-02 21:15:48
340
原创 组件通信-自定义事件
事件名是任意名称 （建议肉串命名 ：send-toy）注意区分好：原生事件、自定义事件。: 是包含事件相关信息的对象（自定义事件：常用于 子>父。
2025-05-02 13:35:09
525
原创 同步和异步解释
同步：任务按顺序执行，后一个任务等待前一个任务完成，适合简单的、没有依赖其他操作的场景。异步：任务可以同时进行，不会阻塞其他任务，适合需要等待的操作，提升应用的响应性和性能。
2025-04-21 12:15:21
66
原创 Vue3中的watch
特点：只能监视以下四种数据：ref定义的数据。reactive定义的数据。函数返回一个值（getter函数）。一个包含上述内容的数组。
2025-04-20 16:58:01
392
原创 vue3 toRefs 与 toRef的使用
当对响应式对象进行解构操作时，解构出来的属性会失去响应性。当你仅需对响应式对象中的某一个属性创建引用时，可以使用。创建的响应式对象的每一个属性，转换为。上，反之亦然，它们都能保持响应式更新。就能保证解构后的属性仍然保持响应性。所获取的值是相同的，并且对。进行修改会同步反映到。作用：与toRefs一致。
2025-04-20 12:04:00
189
原创 vue中的css深度选择器v-deep 配合!important
当标签有scoped属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会渗透到子组件。 如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用深度选择器。v-deep 配合!important
2024-12-23 20:27:44
408
原创 uniapp 如何自定义导航栏并自适应机型
在设计页面顶部导航栏时，可以根据safeAreaInsets.top的值来调整导航栏的位置，使其在不同设备上都能正确显示，避免被刘海区域遮挡。
2024-09-14 14:45:24
1506
原创 uniapp 微信小程序，在ios手机会出现页面左右滑动,安卓机不会
1、首先找到这个页面，一个盒子一个盒子的注释，然后保存看页面，哪个盒子显示导致出现横向滚动条，就找到了这个盒子。3、或者这个盒子加了内外边距，但没有添加box-sizing:border-box;4、或者这个盒子加了轮播或者滑动，没有添加溢出隐藏 over-flow:hiden;出现滑动，其实就是盒子溢出了，修改一下样式就行了。安卓机会自己适配，所以没有这个问题。2、这个盒子的样式，看是否没有定宽，width:100%;
2024-08-25 11:09:50
675
1
原创 uni-app里引入阿里彩色矢量图标(Symbol),却发现图标显示为黑白
当使用uniapp并尝试引入阿里iconfont的彩色图标时，发现图标显示为黑白。原因是Fontclass模式不支持彩色图标。解决方法是下载Symbol模式的SVG文件，使用iconfont-tools进行转换，然后在项目中全局引入转换后的CSS文件，最终在组件中正确显示彩色图标。
2024-08-25 11:05:28
1323
1
原创 es6 扩展运算符
注意，如果对象有相同的属性，后面的对象的属性会覆盖前面的对象的属性。扩展运算符可以用于创建对象的浅拷贝，即复制对象的属性到一个新的对象中。扩展运算符可以用于将对象的属性展开为函数的参数。可以使用扩展运算符将多个对象合并成一个对象。
2024-08-18 13:38:25
419
原创 es6 的解构赋值
对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象。上面代码表示，可以从数组中提取值，以前，为变量赋值，只能直接指定值。ES6 允许写成下面这样。如果解构失败，变量的值等于undefined。
2024-08-18 12:56:10
401
原创 js中闭包的理解
答：在一个外部函数内部定义了一个内部函数，并且内部函数可以引用外部函数的局部变量，那么这个函数就是一个闭包。解决方法——使用完变量后，手动将它赋值为null；简单理解：闭包 = 内部函数 + 外部函数的变量。
2024-07-12 10:44:23
387
原创 nprogress进度条插件
打开一个页面时，往往会伴随一些请求，并且会在页面上方出现进度条。它的原理时，在我们发起请求的时候开启进度条，在请求成功后关闭进度条，所以只需要在request.js中进行配置。可以通过修改nprogress.css文件的background来修改进度条颜色。如下图所示，我们页面加载时发起了一个请求，此时页面上方出现蓝色进度条。
2024-07-10 10:17:37
306
原创 JS数据类型检测的方式有哪些 (常用)
Object.prototype.toString.call() ：这是一种比较准确的检测数据类型的方法。它通过获取 Object.prototype 上的 toString 方法，并使用 call 方法改变其 this 指向要检测的数据，从而返回数据类型的字符串。
2024-07-08 13:40:44
502
3
原创 标准盒模型和怪异盒子模型的区别
盒模型描述了一个 HTML 元素所占用的空间，由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。
2024-07-08 12:11:04
1422
原创 如何使一个盒子水平垂直居中（常用的）
相对父级上边和左边，或者下边和右边各移动50%，同时通过外边距减去自身的宽高各一半的大小。//子元素宽度的一半。//子元素高度的一半。来直接减去盒子自身的50%大小。将盒子的上下左右定位全部设置为0，同时设置外边距自适应。
2024-07-08 11:31:55
797
原创 软件工程实务：软件产品
我们的愿景是开发一个直观且功能强大的在线学习平台，帮助全球的学生和专业人士通过个性化课程和互动学习工具提升技能。一个清晰而有力的产品愿景不仅能指导产品开发过程，还能激励团队，吸引投资者和伙伴，并帮助利益相关者对产品的未来有一个共同的理解。：明确产品的核心目标和使命，即产品打算解决什么问题，带来什么价值。：用户通过 Web 浏览器访问和使用软件，所有的应用程序逻辑和数据都存储在远程服务器上，用户无需安装任何软件。客户(软件的业主)驱动的定制性质的软件，以满足解决客户业务问题的软件。
2024-06-15 15:34:59
1437
原创 使用脚手架创建vue2项目（关闭eslint语法检查 、运行项目时自动打开网址、src文件夹简写方法）
3.如何关闭eslint语法检查在vue.confing.js文件中配置：4.如何在运行项目时自动打开网址只需要在package.json文件中找到scripts字段，在运行时 后面添加--open
2024-06-12 16:37:21
918
原创 在uniapp中如何安装axios并解决跨域问题
它的作用是将请求路径中的 '/api' 替换为空字符串，即将 '/api' 去掉，这样最终发送到目标服务器的请求路径就不包含 '/api' 了。它的作用是配置开发服务器的代理，用于将请求转发到指定的目标服务器。综上所述，这段代码的作用是将以 '/api' 开头的请求代理到目标服务器。: 这是 Node.js 中用于导出模块的语法，表明这是一个模块的导出。: 这是开发服务器的代理配置，用于将某些请求代理到另一个服务器。: 这是代理的目标服务器地址，即请求将被转发到这个地址。如下图显示就是跨域问题。
2024-05-08 16:16:36
1646
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人