zn_firm-CSDN博客

原创 vue中遇见的一些小问题

1、尽量避免响应值的命名和方法名重名，二者在一起用（例如：在方法里用到响应值），会出现不可预知的bug，例如响应值不更新。

2024-03-05 17:31:10 399 1

原创 v-for、v-if、v-show的优先级

vue3中 v-for。v-if和v-for的优先级需要分vue的版本来说：vue2中 v-for。v-if和v-show的优先级永远是v-if。v-if，当二者同时使用会警告。

2024-02-19 14:54:25 540

原创 vue中onmounted周期里获取不到dom的原因

2)带有v-for指令，当初始化时，要循环的数组没有值，这个时候是获取不到相关dom的。重点：有v-show指令时,即使值为false，依旧能获取到相应的dom，切记他和v-if不一样。动态dom有2种情况：1）带有v-if指令，获取不到值为false的那个dom。在onmounted里可以获取到任意一个。dom，对于动态dom，他是获取不到的。注意，这里说的是静态。

2023-12-12 16:00:41 1363

原创在vue中，el-input输入中文的时候，会触发上层的onmouseLeave事件

问题：如图：在input里输入中文的时候会触发上层的onmouseLeave事件。解决方法：在input上添加compositionstart事件。

2023-12-11 18:03:45 857 1

原创使用element-ui遇到的坑

点击确定/取消，除了会触发本身的回调，还会触发@close（即右上角关闭图标）的回调。2、form中的resetFields()方法重置不了inputNumber的值。1、dialog弹出框。

2023-11-27 11:05:33 418

原创 vue 在启动项目时遇到error:0308010C:digital envelope routines::unsupported

node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。2、在我的电脑-属性-高级选项-环境变量-系统变量-新建。方法二：1、在package文件中配置。方法一：将node版本降到16；

2023-11-08 17:53:55 111 1

原创 formData添加数组

在上传文件时，我们一般会用ui的上传组件，在需要手动上传的情况下，我们都会用formData的数据格式去上传，有时会遇到添加的数据是数组的情况，formData添加数组时会有点不一样。

2023-11-03 16:40:34 1483

原创解决vue转义字符在html中不起作用

当后台返回的数据中含有\t, \r, \n等这些转义符时，前端想按照转义符在页面上显示，这时会发现这些转义符并没有起作用，该有的空格、换行都不管用这时只要在前端加一个样式即可：

2023-11-03 16:26:02 726

原创 vue通讯

emit.on('事件名'，function（data）{emit.emit('监听的事件名',data);先写个组件emit.js，导出mitt实例。emit.off('事件名')

2023-10-27 15:57:56 54 1

原创 vue+vite 本地图片可以显示线上不能正确显示

在html中用css来引入图片，在本地显示正常，打包上线后会出现异常，解决方法：用类显示，在css中用background-image来引入。如果将url路径写成相对路径，会直接指到public中。问题：

2023-10-25 16:46:47 565 1

3、函数式源数据监听，只有当源数据是不同的对象时，才可以触发监听，他不能深度监听，需要添加{deep:true}例如1：let allLogInfo = ref({});2、当监听一个响应式数据上的某个值，并且想使这个监听有效，可以写成函数式。这种不行，监听不了，因为allLogInfo.value是个值。这种不行，监听不了，因为allLogInfo.value是个值。是响应式数据，不是响应式数据的某个值。1、监听响应式数据，可以深度监听（

2023-08-07 18:09:08 206

原创 vue里父组件获取子组件的属性和方法

子组件里通过defineExpose把父组件需要的属性和方法暴露出来。父组件中给子组件加上ref，通过ref来调用；

2023-07-21 11:21:39 299 1

原创关于在vue中在style上加了scoped之后对antd-vue中各组件的样式不起作用的解决方法

使用less/sass的情况下，因为解析不了。这种特殊符号，可以使用/deep/使用css的情况下可以加。特殊符号，表示深层选择器。

2023-07-19 13:44:16 430

zn_firm的博客