If Statement Fun

[ben03]

I have a load of data coming from the database, of which I have not control of. When it comes in I am putting it in an html table.

I have set up a basic if statement: If it is a blank field, show 'NA'. If not, show the figures in an input that a user can edit.

The trouble I am running into is if a user backspaces the characters in the input, it then of course beomes the static text 'NA', but I need it to remain an input!

What can I do in this scenario to prevent this from happening? I am using Vue.js, below is what I am using: 

                        <div v-if="item.value === ''">
                            NA
                        </div>
                        <div v-else>
                            <input class="input is-small" v-model="item.value">
                        </div>

 

[justsomeguy]

If  you need it to be an input, then why print "NA" at all?

[dsonesuk]

Why put them all in input and disable empty value input.