Vue.js 예상치 못한 돌연변이

Question

이것은 내 검색 구성 요소이지만 "쿼리" 소품 오류에 예기치 않은 변형이 발생합니다. 이 방법을 시도했지만 여전히 오류가 발생합니다.

으아악

컴포넌트를 사용하여 쿼리 데이터를 검색하고 전달하는 뷰 문자입니다

으아악

내가 겪은 오류는 다음과 같습니다

'쿼리' 속성 vue/no-mutating-props에 예기치 않은 돌연변이 오류가 발생했습니다

'쿼리' 속성 vue/no-mutating-props에 예기치 않은 돌연변이 오류가 발생했습니다

도와주셔서 정말 감사드립니다

Answer 1

당신은 input中的v-model设置为query.name，这意味着query当您更改输入值时，它将发生变化。由于 query소품이 될 것이므로 이러면 안 됩니다.

Answer 2

@Ian 답변 외에도 이 경고를 해결하는 한 가지 솔루션은 get创建一个compulated属性，其值为query prop 和 set 带有 emit 事件到父组件，以更新父组件的查询 prop，并且在 html 中，您可以使用 计算的值而不是propvalues

를 사용하는 것입니다. 으아악

그리고 이 구성 요소의 상위 구성 요소에 prop 传递为 v-model:prop="prop"

을 넣을 수 있습니다.

예를 들어

으아악