How does Vue debug the code in < template >?

how does Vue debug the code in < template >?

<Select  style="width:200px">
  <Option v-for="item in add_all_available_area" :value="item.name" :key="item.name">{{ item.name }}</Option>
</Select>

as above, I have a piece of Vue.js code, but : value= "item.name" here will report an error, but I check the debugging on the data, and it"s normal.

I mean, can I debug the code in the template in the Vue.js project? I am using the WebStorm editor.

Feb.28,2021

chorme's vue-devtools plug-in is recommended for debugging.
in addition, post your error message. If you guessed correctly, you can solve the problem by adding a v-if to the variable add_all_available_area.


vue-devtools can I debug < template >?


valuenumberstring
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b35017-2bf40.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b35017-2bf40.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?