'v-slot' directive doesn't support any modifier
I am using vuetify\'s datatable, i this we have different slots with some props for example below
-
EDIT: As notified by the comments and Hexodus' (correct) answer, you can work around the linting warning by using dynamic slot names that return a string(template). 'Not enabling' is no longer recommended, as this is now a standard rule. Thus, I recommend using Hexodus' method over disabling the valid v-slot rule altogether.
Original Post:
You can't really fix this linting warning.
- Vue syntax for modifiers use the dot to alter the way a directive functions (e.g. v-model.number)
- The way Vuetify dynamically names their slots uses a dot in order to select a specific part of the component (#header.data-table-select).
ESLint can't distinguish whether you're trying to set a modifier on a slot (which is impossible), or if you have a slot name that contains a dot.
The easiest thing you can do is disable the rule. Since the 'valid-v-slot' rule isn't enabled by default by any of the base configurations of eslint-plugin-vue, you should be able to find it under "rules" in your eslint config.
加载中...
- 热议问题