Vue: <select>splice () 후 배열과 바인딩이 잘못 수행됨</select>

템플릿 selected="{{$index == selected}}" 에서 선택한 속성을 추가하기 만하면됩니다.

여기에서 데모를 업데이트합니다 https://jsfiddle.net/trwp98g9/5/

@peteranny 예상되는 동작이 무엇인지 명확히 할 수 있습니까?

options.splice (0,1) 다음에 options = [ 'b'], 렌더링 된 HTML은 다음과 같습니다.
<option value="1">b</option>

여기에서 제공 한 것과 동일한 결과를 얻지 못했습니다.
제거를 클릭하기 전에 :

클릭 후 :

'b'옵션의 값은 1이되지 않습니다. $ index 때문에 0이어야합니다.

그렇다면 정확히 무엇이되어야합니까? 'b'의 값은 클릭 전 1이었고 클릭 후 0이되었습니다.

@fnlctrl 음, 테스트 해 주셔서 감사합니다. 잘못된 질문을 한 것 같습니다.
테스트에 따르면 클릭 후 'b'의 값이 0이되었습니다.

내 진정한 질문은 : 이제 'b'의 값이 0인데 왜 <select> 가 'b'를 선택하지 않았습니까?
이미지에서 볼 수 있듯이 <select> 는 옵션을 전혀 선택하지 않았고 <select> 는 값이 0 인 옵션을 선택해야합니다.
(그래서 'b'의 값이 변하지 않았다고 오해했습니다.)

@peteranny selected 가 0으로 유지되고 options 변경 되었기 때문에 버그 일 수 있으며 dom은이 변경 사항을 반영해야하지만 확실하지 않습니다 ..

지금은 @defcc가 제안한대로 selected prop을 추가해 볼 수 있습니다 (props / attrs에 대한 콧수염 바인딩은 2.0에서 더 이상 사용되지 않으므로 대신 :selected="$index == selected" 사용하십시오).
또는 track-by prop을 <options> 추가 할 수 있습니다. 그러면 vue가 dom에서 선택한 값을 업데이트하는 것이 안전하다고 생각할 수 있습니다. https://jsfiddle.net/74ncq90w/

2.0에서 테스트되었으며 예상대로 작동했습니다 : https://jsfiddle.net/dycmgzcm/
그래서 나는 이것을 1.x의 버그로 표시하고 있습니다.

1.x 문제를 1.x로 종료하면 이제 수명이 종료되며 중요한 보안 패치 만 받게됩니다.