We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Example Code
<template> <div class="row"> <label class="slider large min"> <input type="range" v-model.number="number" min="0" max="10" step="1" id="slider-number"> <span></span> </label> <div class="field border small min"> <input type="number" style="width: 70px" v-model.number="number" min="0" max="10" step="1" id="input-number"/> </div> </div> </template> <script> import { ref } from 'vue' const number = ref(5) </script>
If we change number value via operating #input-number component or number.value = xxx, #slider-number would be mis-rendered.
number
#input-number
number.value = xxx
#slider-number
Only after we operate #slider-number that bar can be refreshed and rendered correctly.
Enviroment
The text was updated successfully, but these errors were encountered:
Also this kind of mis-render problem happens in some other components. Vue often does not trigger style update of them.
For example, label position of <input type="text"/> would not reset after clearing component value.
<input type="text"/>
<template> <div class="row"> <div class="field label border small"> <input type="text" v-model="text" id="input-text"> <label>Label</label> </div> <div> <button @click="text = ''">reset</button> </div> </div> </template> <script> import { ref } from 'vue' const text = ref('123') </script>
After clicking reset button:
reset
After click #input-text and release focus:
#input-text
Sorry, something went wrong.
leonardorafael
No branches or pull requests
Example Code
If we change
number
value via operating#input-number
component ornumber.value = xxx
,#slider-number
would be mis-rendered.Only after we operate
#slider-number
that bar can be refreshed and rendered correctly.Enviroment
The text was updated successfully, but these errors were encountered: