Есть ли способ убрать двойные кавычки при добавлении json массива объектов

Question

Я использую VueJS и имею одну html форму, как показано ниже, и создаю динамические c входы при нажатии на кнопку «Добавить». При вводе некоторых значений в это текстовое поле оно автоматически обновляется в объекте. Но проблема, с которой я здесь сталкиваюсь, заключается в том, что если я ввожу значения, такие как 1234 или false, или любую строку, она принимает значение «1234», «false», «test_value». Для строки двойные кавычки qre хорошо. Но для чисел и логических значений, как я буду уничтожать кавычки при вводе значения. Почему это происходит? Любая идея относительно этого?

<div class="attribute-modify-header-display pull-right">
    <button type="button" name="button" @click="addNewValueInput" class="btn btn-primary">Add</button>
</div>

<table class="table vmiddle no-padding hover table-striped">
    <thead>
        <tr>
            <td><strong>Value</strong></td>
        </tr>
    </thead>
    <tbody >
        <tr v-for="(key, index) in attributeNewArr" v-bind:key=value>
            <td>
                <input type="text" v-model="key.value">
            </td>
        </tr>
    </tbody>
</table>

Это метод, в котором я нажимаю на объект,

addNewValueInput: function() {
        let vm = this;
        vm.attributeNewArr.push({
            value: '',
            weight: 1 // This is default value
        });
        vm.$set(vm.attributeNewArr, vm.value, vm.weight);
        console.log(vm.attributeNewArr);
    },

Во время печати этого,

[
    {
        "value": "1234",
        "weight": 1
    },
    {
        "value": "false",
        "weight": 1
    },
    {
        "value": "test_value",
        "weight": 1
    }
]

При печати "attributeNewArr", всегда получаю двойные кавычки для чисел, логическое значение. Любая помощь будет высоко ценится.