Как указать тип данных для input c помощью Vuejs и TS?

Question

[Игорь]

К примеру у мня такой код и TS ругается на то что input это строка когда я к введенным данным прибавляю число. Но если я в дате ставлю 0, тогда он ставится в iput и не видно placeholder. Как тут правильно указать тип или обойти то чтобы не писался 0 вместо placeholder.

<template>
      <div>
        <input type="number" v-model.number='test' placeholder="placeholder">
      </div>
</template>

<script lang='ts'>
import { defineComponent } from 'vue';
export default defineComponent({
  name: "inp",
  data() {
    return {
      test: '',
    }
  },
  methods:{
    plus(){
      this.test += 10 
    }
  }
})
</script>

Comments

[Никита]

У вас и переменная test имеет строковый тип, и значение внутри тега input тоже строкового типа. Вам правильно ответили про сложение двух строк

Answer 1

[Дмитрий Беляев]

Правильно ругается, так как если к пустой строке сделать += 10 - результат будет '10', а потом '1010' - это явно не то что Вы ожидаете.

plus() {
  this.test = `${+this.test + 10}`
}