-
-
Notifications
You must be signed in to change notification settings - Fork 9k
Closed
Labels
❗ p4-importantPriority 4: this fixes bugs that violate documented behavior, or significantly improves perf.Priority 4: this fixes bugs that violate documented behavior, or significantly improves perf.🐞 bugSomething isn't workingSomething isn't workingregressionscope: reactivity
Description
Vue version
v3.5.0
Link to minimal reproduction
Steps to reproduce
(note: this is a snippet and not actual code. May have syntax issues)
//actual related code ( look at the reproduceable example above for better understanding)
const tiers = [
{ label: "Production", value: "production" },
{ label: "Staging", value: "internals" },
{ label: "Test", value: "test" },
];
const app = createApp({
data() {
return {
tiers: tiers,
activeTiers: [],
}
}
});{{JSON.stringify(activeTiers)}}
<div v-for="tier in tiers" class="ms-2">
<input @click="refreshDashboard" type="checkbox" :value="tier" v-model="activeTiers"
class="btn-check" :id="`job-filter-tier-${tier.value}`" autocomplete="off">
<label class="btn btn-sm btn-outline-info"
v-bind:for="`job-filter-tier-${tier.value}`">{{tier.label}}</label>
</div>What is expected?
activeTiers is an array of selected checkbox values ( objects from tiers array). This was working upto v3.4.
What is actually happening?
Uncaught TypeError: raw.map is not a function
at reactiveReadArray (vue@3:1035:41)
at vue@3:1048:28
at Array.map (<anonymous>)
at Proxy.concat (vue@3:1048:17)
at HTMLInputElement.<anonymous> (vue@3:11832:31)
System Info
Vue version: v3.5
imported as: `<script src="https://unpkg.com/vue@3"></script>`
System:
OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
CPU: (20) x64 12th Gen Intel(R) Core(TM) i9-12900HK
Memory: 34.97 GB / 39.17 GB
Container: Yes
Shell: 5.0.17 - /bin/bash
Binaries:
Node: 20.15.0 - /usr/bin/node
npm: 10.7.0 - /usr/bin/npmAny additional comments?
If we pin the vue import back to v3.4 this works just fine.
Reproduction :
Breaks ( v3.5): vue playground
Works: (v.3.4) vue playground
LeoniePhiline, JoshCrozier, Remzi1993, yycking, ByScripts and 2 more
Metadata
Metadata
Assignees
Labels
❗ p4-importantPriority 4: this fixes bugs that violate documented behavior, or significantly improves perf.Priority 4: this fixes bugs that violate documented behavior, or significantly improves perf.🐞 bugSomething isn't workingSomething isn't workingregressionscope: reactivity
