Align Range v-for HTML sample with actual result #904
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
In the Range
v-for
example, the result is printed with spaces. This is confusing because the sample HTML does not have additional spaces. In fact, when I saw this, I thought Vue was adding a space on its own, which I immediately verified because I thought that would be a very unintuitive and potentially problematic behavior.Fortunately, Vue does behave as expected. The problem is merely that the HTML sample in the documentation is not the same as the markup of the actual Vue code in the example.
This PR corrects this by adding the space before the closing
</span>
.Alternatively, the space could be removed in the example code instead, but personally, I think this way is better because it illustrates a specific behavior with spaces.