No projeto, o contador que usa o elemento só pode ser adicionado e subtraído uma vez, e então a adição e a subtração falharão e o evento de alteração não será executado. Mais tarde, o Baidu descobriu que o nível de dados pode ser muito profundo, fazendo com que a exibição não seja atualizada. Aqui, uma matriz sob o objeto vinculado por v-model é um valor de atributo de um objeto na matriz.
Depois de saber o motivo, é fácil resolver. Você pode usar forceUpdate para forçar o acionamento do ciclo de instrução de atualização, forçando a instância do vue a renderizar novamente
<el-input-number
class="ml10 mr10"
style="width: 120px"
v-model="conItem.num"
controls-position="right"
:min="1"
:max="10000"
@change="changeVal"
></el-input-number
changeVal() {
this.$forceUpdate();//解决点击计数器失效问题
},
Expandir:
1. Às vezes, a caixa de entrada não pode ser inserida, você também pode usar forceUpdate
2. Acesse o site oficial do Vue para saber mais sobre o $set. Devido à limitação do JavaScript, o Vue também tem limitações na detecção de alterações no array. Quando a ligação bidirecional de dados falha, é necessário considerar se a ligação método está errado. Para a atribuição do array, você precisa de Use $set.