← Back to rules

vue/no-multiple-slot-args 제한

An auto-fix is available for this rule.

어떤 기능을 수행합니까?

스코프 슬롯에 여러 인수를 전달하는 것을 금지합니다.

왜 나쁜가요?

사용자는 인수를 고정된 순서로 사용해야 하며, 필요하지 않은 인수를 생략할 수 없습니다.
예를 들어 5개의 인수가 전달되는 슬롯이 있지만 사용자가 실제로는 그 중 마지막 2개만 필요하다면, 마지막 2개를 사용하기 위해 모든 5개를 선언해야 합니다.

자세한 정보는 vuejs/vue#9468에서 확인할 수 있습니다.

예시

이 규칙에 대한 잘못된 코드 예시:

<script>
export default {
  render(h) {
    var children = this.$scopedSlots.default(foo, bar);
    var children = this.$scopedSlots.default(...foo);
  },
};
</script>

이 규칙에 대한 올바른 코드 예시:

<script>
export default {
  render(h) {
    var children = this.$scopedSlots.default();
    var children = this.$scopedSlots.default(foo);
    var children = this.$scopedSlots.default({ foo, bar });
  },
};
</script>

사용 방법

설정 파일이나 명령줄 인터페이스를 통해 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/no-multiple-slot-args": "error"
  }
}

CLI

oxlint --deny vue/no-multiple-slot-args --vue-plugin

참고 자료

• 규칙 소스