elemento el-input-number Adição e subtração são inválidas ou apenas uma adição e subtração serão inválidas

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.