Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Improve docs for v-for with v-if

See original GitHub issue

There seems to be a new vue warning when using v-for and v-if together on the same element.

Alas, it seems that the docs don’t mention this warning and instead give a usage example of what is deemed by the warning as a “bad pattern” see this page for v-for with v-if.

It would be a good idea to point this out in the docs as well as give the warning and show an example of alternatives.

Issue Analytics

State:
Created 6 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

AllanOcelotcommented, Sep 7, 2017

ahh got it @chrisvfritz , cheers, I’m still learning 😃

0reactions

hitautodestructcommented, Sep 8, 2017

@chrisvfritz Alas, it seems that I can not reproduce the error. I think this may be coming from an external package but I can’t seem to find the source of the [Vue Warn] message.

For now I’m closing this issue.

Thanks for your time and effort! I will reopen this issue once I find the source.

Top Results From Across the Web

v-for and v-if not working together in vue.js - Stack Overflow

From Vue docs: ... I renamed your info-array to infos to improve readability of my suggestion because of the usage of info in...

How To Iterate Over Items in Vue.js With V-for | DigitalOcean

We can use a range in the v-for directive to iterate a specified number of times. Let's replace the contents of our <div>...

How to Add Conditional Statements to v-for Loops in Vue.js

First lets look at the Vue instance we create at the bottom of the document. Its a normal Vue instance and you can...

Rendering a list of Vue components - Learn web development

First we need to get an array of to-do items. To do that, we'll add a data property to the App.vue component object,...

Improve config file docs · Issue #2543 · vuejs/vetur - GitHub

I have searched through existing issues Feature Request We have three config file. vetur.config.js tsconfig.json/jsconfig.json package.json We need to ...