변수 변경 시 Vue 3 다시 로드 구성 요소

Question

selectedLeague가 변경된 경우 Selectleague

P粉344355715 · Answer

确实当selectedLeague변경되면 다시 렌더링되지만 ¹다시 설치되지는 않습니다. selectedLeague가 falsy 값에서 truthy 값으로 변경되는 경우에만 마운트됩니다(그때 v-if가 변경되기 때문입니다).

질문에 몇 가지 문제가 있습니다.

비즈니스 요구 사항(Y라고 함)을 해결할 수 있을 것으로 생각되는 기술적 측면(X라고 함)에 대해 질문하고 계십니다. 이것은 전형적인 XY 문제입니다. Y의 요구 사항을 설명하지 않겠습니까? (예: 달성하고 싶은 것). 입력이 변경될 때 출력의 어떤 변경을 확인하고 싶습니까?
게시한 코드는 실행 가능한예제를 생성하기에 충분하지 않습니다. 우리는 v-select 是什么，是什么，或者 :is 属性在 v-select가 무엇인지,

:is

v-select v-select는 vue-select 또는
:is 在上的工作方式与在 입니다.
:is는 的 init 生命周期挂钩中（例如：onMounted）在您将 selectedLeague에서와 마찬가지로

마지막으로 중요한 것은 (예: onMounted)의 init 수명 주기 후크에 일부 코드를 삽입하고 싶은 것 같습니다. ^{저장된 객체는 다른 객체로 대체됩니다. .} 내가 옳다면 이 동작을 달성하는 가장 쉽고 깔끔한 방법은 계산을 만드는 것입니다.

v-if、:key 和 :selectedLeague2

: 
으아악
...그리고 leagueId 更改时，上面都会创建一个  的新实例，并且仅在 leagueIdv-if, :key 및 :selectedLeague에서 사용하세요. ^으아악(
 래퍼 없음). 
 
leagueId가 변경될 때마다 위의 내용은 의 새 인스턴스를 생성하고 leagueId가 false가 아닌 경우에만 렌더링합니다. 나는 이것이 당신이 기술적으로 달성하려고 하는 것이라고 믿습니다 
3. 

代码>참고: 

1selectedLeague，则使用selectedLeague.value?.id.toString()是一个 ref - 확인하려면 
onUpdated(() => console.log('updated...'))를 사용하세요.
2 每次 leagueId - 🎜가 🎜ref🎜인 경우 🎜selectedLeague.value?.id.toString()을 사용하세요.
🎜🎜🎜3🎜🎜🎜 - 그 동안에는 🎜leagueId가 변경될 때마다 🎜의 새 인스턴스를 생성하지 않고도 실제 비즈니스 요구 사항을 충족할 수 있다고 확신합니다. 자세한 내용 및/또는 맥락이 없으면 더 이상 도움이 될 수 없습니다 🎜