I am encountering an issue with a div element that supports v-for and v-if. The output is correct, however, there is a warning that I find quite annoying:
[vue/no-use-v-if-with-v-for] The 'prit_type_ids' variable inside the 'v-for' directive should be replaced with a computed property that returns a filtered array instead. It is not recommended to mix 'v-for' with 'v-if'.
I tried adding a block of code to my .eslintrc.js file to address this warning, as mentioned in the following source:
Is my implementation in the right place? Or did I miss something?
rules: {
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
"vue/no-use-v-if-with-v-for": ["error", {
"allowUsingIterationVar": true
}],
}
Although the codes are functioning correctly, I am still seeing the warning even after adding an entry to the rules.
If anyone could provide guidance on how to remove this warning, I would greatly appreciate it.