鍍金池/ 問答/HTML5  HTML/ Vue怎么調(diào)試<template>中的代碼?

Vue怎么調(diào)試<template>中的代碼?

Vue怎么調(diào)試<template>中的代碼?

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

如上,我有一段Vue.js代碼,但是:value="item.name"這里會(huì)報(bào)錯(cuò),可是我在數(shù)據(jù)上面查看調(diào)試,都是正常的。

我的意思在Vue.js項(xiàng)目中是否可以調(diào)試模板中的代碼呢?我是用WebStorm編輯器。

回答
編輯回答
溫衫

vue-devtools可以對(duì)<template>進(jìn)行調(diào)試嗎?

2018年5月16日 16:13
編輯回答
愿如初

調(diào)試的話推薦使用chorme的vue-devtools插件。
另外,貼一下你的報(bào)錯(cuò)信息 , 如果沒有猜錯(cuò),你對(duì)add_all_available_area這個(gè)變量加個(gè)v-if 就可以解決了。

2018年3月12日 17:19
編輯回答
小曖昧
可能是value是一個(gè)number類型的而你賦值是string
2017年8月28日 21:12