Vue.js ionic `slot` 属性已被弃用 eslintpluginvue

发布于04月02日

我在VS代码中遇到以下错误:

[vue/no-deprecated-slot-attribute]
`slot` attributes are deprecated. eslint-plugin-vue

我有这两个插件安装在.eslintrc.js

  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended'
  ],

在规则中:

'vue/no-deprecated-slot-attribute': 'off',

为了避免这个问题，应该做些什么？

推荐答案

Ionic Framework使用的插槽与Vue 2插槽不同.我们使用的插槽是Web组件插槽，有效使用:https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots.

开发人员应该按照我们的文档:https://ionicframework.com/docs/api/range#usage使用Web组件槽来定位元素

判断以确保您的eslint.js有以下规则:

  rules: {
    'vue/no-deprecated-slot-attribute': 'off',
  }

下一个开放.vscode/设置.json并添加以下内容:

  "vetur.validation.template": false,

实用课程推荐