lotpyve的博客

在scss中，我们使用 除号 / 的时候，不用加上 括号()，但是在less中，我们使用 除号/ 的时候，需要加上 括号()，否则对less的写法就是错的。

指令时，你实际上是在告诉 SCSS 编译器将指定的 mixin 中定义的样式规则复制到当前的选择器中。这允许你创建可重用的样式块，并在需要时将它们包含到不同的选择器中，从而减少代码的重复和提高样式的可维护性。指令类似的功能，它允许你将一组 CSS 属性或选择器封装到一个可重用的模块中，并在需要时将其包含（或插入）到其他选择器中。在 SCSS（Sass 的一个语法糖，它是 CSS 的一个超集，意味着所有的 CSS 都是有效的 SCSS，但 SCSS 提供了额外的功能和语法）中，的混合，它接受一个参数。

我在点击某个按钮的时候，调用了方法handler，传递了一个参数是字符串 'condition'，然后方法中通过 this.$refs[strRef] 后去到绑定 ref = 'condition' 的组件，我在vue3中也需要通过这样的方法获取到相关组件。所以当 strRef 是字符串变量时，我们可以通过 instance.refs[strRef] 的方法获取到相关的组件实例。获取到当前的组件实例，其中 instance 就是当前组件实例，下面我们来输出一下，看看 instance 下面都有什么。

说一下我这里出现这个问题的原因，我们在 natapp 官网把 端口配置好了，但是后台的服务没有启动或者后台服务的端口不是我们配置的那个的话，就会出现这个问题。但是假如我没有启动服务，或者启动的服务是其他端口的，就会出现这个问题。使用 natapp 进行内网穿透的时候出现了这个问题。例如这里配置了 2999 这个端口。

先说明一下，我使用的是腾讯云，之前用阿里云，然后试用期到期了，所以这次换腾讯云使用，没想到，我在腾讯云里面需要按照阿里云的教程做，还成功了。

需求是需要在 wps 或者 excel 的表格中复制一个表格，然后在前端的表格中自动根据 姓名 去进行填充，下面我来演示一下功能。下面来看一下我的代码，注意，代码中已经写了必需是根据 姓名来匹配数据，需要根据其他的，你们自己调整，在我的代码中会报错，我没有继续研究这个东西了，所以没有处理。我的思路就是可以获取到需要粘贴的数据，然后又可以获取到表格的数据，对比两份数据，找到 姓名 那一行，进行处理，处理完之后再填充到前端表格。来大概说一下过程，提供思路，不过代码是之前写的了，只能说个大概。

上述代码在 vscode 里面并没有任何报错或者提醒，说明代码是正常的，但是 假如我们在 插槽子组件中 使用了 defineSlots() 对 slot 的属性进行标注，就会有提示。这个主要是用于类型校验使用的，和 ts 一起对 slot 进行传递的值进行类型检查，主要在 具名作用域插槽 里面。接下来我们来看代码吧，我有一个文件夹，里面分别有一个 父组件one 和 一个 插槽子组件two。先来看一下官网的说明，后面我会详细解释。

这个错误主要是发生在 element-plus 的 el-checkbox 中，原因是 element-ui 和 element-plus 的 el-checkbox 组件有所改变。之前的 label 属性可以作为 值 来进行选项，现在得换成 value 了。这是 element-plus 的说明。

不改变父组件传递过来的 props，如果需要改变父组件传递过来的值，可以使用 defineModel() 进行接收值，如果不了解 defineModel() 的可以去 vue3 的官网看一下。eslint的配置文件名可能为以下名称，以前的版本还有 .eslintrc.js 等也是 eslint 的配置文件。错误是在进行 eslint 检查的时候触发的，这个错误的原因是我们在子组件中改变了父组件传递过来的 props。在 eslint 的配置文件中，直接关闭此条 eslint 的规则，

我们把 eslint 的版本降到 8 ,命令行输入。当 eslint 进行检查的时候，报了这个错误。

原因二：虽然没有直接 template 嵌套 template 标签，但是中间的过渡标签是 div 等原生标签。原因一：template 直接嵌套了 template 标签。我来说一下报错的原因。

虽然随着 eslint 的更新，上面的视频操作已经和新版本的 eslint 有所差别了，但是仔细看一下官网，然后在看一边视频，一般都是可以使用的。然后如果我们在项目中使用 vue 或者 react 等框架，他们对应有自己的 eslint 插件，有插件自己的配置语法检查规则。强制执行 "for" 循环更新子句，使计数器向正确的方向移动。首先创建一个项目文件夹，我这里叫做 eslint-test。在数组方法的回调中强制执行 return 语句。禁止使用异步函数作为 Promise 执行器。

说一下我这里这个错误和警告的原因，是因为我把传给 第三方组件的值 也当做了 第三方组件的 ref，可能没太说清楚，所以接下来看代码，我这里使用的第三方组件是 vxe-table。使用vue3的时候报了这个错误，而且还同时报了一个警告。

我这里的错误是由于将多余的属性 class 绑定给了第三方组件，删除属性即可。项目是用vue3写的，报了这个错误。

先清除缓存试一下，如果还是不行，可能是登录的时间久了，把自己的这个账号退出，重新登录试一下。

以上是组件共享出来的属性，如果我们想有一些个性化的需求，比如轮播到最后一张不能滚动等，可以使用 infinite，infinite 虽然没有共享出来，我们可以在 父组件 通过 this.$refs 的方法获取到这个组件，然后就可以改变他的 infinite 属性了，要注意的是，需要在当前组件 v-if 为真的时候通过this.$refs获取。或者我们可以自己把源码封装成一个自己的组件，方便使用。图片的urc数组，里面的每一项元素是一个图片地址。预览的初始图片在urlList的索引。

c : d : e;其实就是两个三元表达式的嵌套用法，这是我看见之前的同事写的代码，当时没看出来，就研究了一下，上面的代码就等于 let test = b > 0?

在使用vscode定义自己的代码片段的时候，有几个选项，如果我们选择了 vue.json 的文件定义代码片段，那么只能在 vue 文件中使用该片段，并且是 vue 文件中没有写其他代码的时候，如果 vue 文件中写了其他代码，那么 vue.json 里面定义的代码片段还还使用不了，所以我们需要定义一个全局代码片段，我下面会跟着说全局代码片段的定义以及定义了之后，怎么更改全局代码片段的名字。跳出文件来在这里定义自己的全局代码片段就好了，这里定义的代码片段，全局生效。然后会弹出文件所在位置。