vue smart-select the text on the list is not updated after changing selected option by script
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 48/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- javascript
- Ambito
- frontend
Direzione di ricerca
Inizia con la riproduzione fornita di Vue 3.5.23 usando il componente smart-select, il relativo binding v-model e la modifica di selectedId tramite lo script. Verifica il comportamento nella configurazione Chrome indicata, quindi traccia il percorso di aggiornamento di smart-select. Il lavoro è completato quando l'etichetta dell'elenco cambia da Option 1 a Option 3 dopo l'esecuzione dello script e la selezione di un'opzione aggiorna in modo coerente il valore associato.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
- Framework7 version: 8.3.4
- Vue.js version: 3.5.23
- Platform and Target: window11 chrome browser
Describe the bug
smart-select, the text on the list is not updated after changing selected option by script, while the popup selected option is updated correctly.
<script setup>
import { reactive } from 'vue'
let input = reactive({
selectedId: 1,
options: [
{
id: 1,
text: 'Option 1',
},
{
id: 2,
text: 'Option 2',
},
{
id: 3,
text: 'Option 3',
},
],
})
setTimeout(() => {
input.selectedId = 3 // change selected option after 3 seconds
}, 3000)
</script>
<template>
<f7-app>
<f7-page>
<f7-list class="select-list">
<f7-list-item title="Options" smart-select :smart-select-params="{
openIn: 'popup',
closeOnSelect: true,
}">
<select v-model="input.selectedId">
<option v-for="obj in input.options" :key="obj.id" :value="obj.id" :selected="input.selectedId === obj.id">{{ obj.text }}</option>
</select>
</f7-list-item>
</f7-list>
</f7-page>
</f7-app>
</template>
<style lang="less">
body, html, #app {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
</style>
At the beginning, shows Option 1, a script will change it to Option 3 after 3 seconds.
3 seconds later, it is still Option 1
while the popup is updated correctly
clicking Option 3 in popup will not change the value outside, unless click Option 2.
- Lingua principale
- JavaScript
- Stelle
- 18.8k
- Fork
- 3.2k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di framework7io/framework7
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
framework7io/framework7#4365 · 1 commento ·
-
propsHistory Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
framework7io/framework7#4347 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
framework7io/framework7#4222 · 3 commenti ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
framework7io/framework7#4175 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
framework7io/framework7#3969 · 3 commenti ·
Tutte le issue di framework7io/framework7
Issue simili
-
Update HugeIcons library Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
antfu-collective/icones#398 ·
-
ECmail.com Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
wesbos/burner-email-providers#554 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
radiantearth/stac-browser#1023 ·
-
HMR stops working Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
components-web-app/docs#92 ·