У меня есть SyntaxError:
Unexpected token, expected "," (1:592)
в моем NewPizza.vue файле.
Я пытался добавить , к каждой фигурной скобке, но это не решило ошибку.
Вот мой исходный код:
<template>
<form>
<h3>Add new pizza:</h3>
<div class = "form-group row">
<label class = "col-sm-3">Name</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.name">
</div>
</div>
<div class = "form-group row">
<label class = "col-sm-3">Description</label>
<div class = "col-sm-9">
<textarea type = "text" class = "form-control" rows = "5" v-model = "newPizza.description"></textarea>
</div>
</div>
<p><strong>Option 1:</strong></p>
<div class = "form-group row">
<label class = "col-sm-3">Size (")</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[0].size">
</div>
</div>
<div class = "form-group row">
<label class = "col-sm-3">Price</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[0].price">
</div>
</div>
<p><strong>Option 2:</strong></p>
<div class = "form-group row">
<label class = "col-sm-3">Size (")</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[1].size">
</div>
</div>
<div class = "form-group row">
<label class = "col-sm-3">Price</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[1].price">
</div>
</div>
<div class = "form-group row">
<button type = "button" class = "btn btn-success btn-block">Add</button>
</div>
</form>
</template>
<script>
export default {
data(){
return {
newPizza:{
'name': 'Eg. Margherita',
'description': 'Eg. A delicious tomato based pizza topped with mozzarella',
'options': [{
'size': 9,
'price': 6.95
}, {
'size': 12,
'price': 10.95
}]
}
}
}
}
</script>
Что я должен делать?
На мой взгляд, я думаю, что часть шаблона не имеет никаких проблем.
Но когда я добавляю директиву v-model к каждому тегу input, код выдает ошибку.
Нет ничего плохого в коде, который вы разместили. Вы использовали копирование и вставку или перепечатали какую-то часть?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Не уверен, с какой проблемой вы столкнулись - я заставил его работать, используя этот псевдокод (я ничего не менял, просто поместил его в формат строки шаблона и завернул в новый экземпляр Vue).
https://jsfiddle.net/mL7ey3f9/
HTML:
<link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous">
<div id = "app">
<app-pizza></app-pizza>
</div>
Экземпляр Vue:
new Vue({
el: "#app"
})
Компонент (вариант строки шаблона, для простоты):
/** Added globally, which you should prob change **/
Vue.component('app-pizza', {
data() {
return {
newPizza: {
'name': 'Eg. Margherita',
'description': 'Eg. A delicious tomato based pizza topped with mozzarella',
'options': [{
'size': 9,
'price': 6.95
}, {
'size': 12,
'price': 10.95
}]
}
}
},
template: `
<form>
<h3>Add new pizza:</h3>
<div class = "form-group row">
<label class = "col-sm-3">Name</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.name">
</div>
</div>
<div class = "form-group row">
<label class = "col-sm-3">Description</label>
<div class = "col-sm-9">
<textarea type = "text" class = "form-control" rows = "5" v-model = "newPizza.description"></textarea>
</div>
</div>
<p><strong>Option 1:</strong></p>
<div class = "form-group row">
<label class = "col-sm-3">Size (")</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[0].size">
</div>
</div>
<div class = "form-group row">
<label class = "col-sm-3">Price</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[0].price">
</div>
</div>
<p><strong>Option 2:</strong></p>
<div class = "form-group row">
<label class = "col-sm-3">Size (")</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[1].size">
</div>
</div>
<div class = "form-group row">
<label class = "col-sm-3">Price</label>
<div class = "col-sm-9">
<input type = "text" class = "form-control" v-model = "newPizza.options[1].price">
</div>
</div>
<div class = "form-group row">
<button type = "button" class = "btn btn-success btn-block">Add</button>
</div>
</form>
`
});
Какая строка является строкой 592?