У меня есть функция, которая связана с динамически созданным якорным элементом через обработчик события click.Функция принимает параметр, а параметр является объектом.
Я делаю это в своем компоненте:
methods:{
displayUserTypes(){
axios.get('/antenna-monitor/pull-user-types').then( ({data}) =>
{
for(var i in data)
{
$('#user-roles').dataTable().fnAddData( [
data[i].name,
data[i].description,
'<a href="#" title="Edit" @click.prevent="editModal('+data[i]+')"><i class="fa fa-edit"></i></a> | <a href="#" title="Delete"><i class="fa fa-trash"></i></a>'
]);
}
new Vue({
methods: {
editModal(roles) {
this.form.reset();
$('#userRolesModal').modal('show');
this.form.fill(roles);
}
}
}).$mount('#user-roles')
}
)
},
created() {
this.displayUserTypes();
}
Функция displayUserTypes заполняет мою таблицу данных.До определения моего обработчика событий click в динамически создаваемой ссылке все работало нормально.Данные заполняются в моей таблице данных, и я могу вызвать функцию editModal (которая открывает модальный).
Но мне нужно передать объект в качестве параметра в функцию editModal, чтобы получить объект текущего пользователя, чтобы заполнить открытый модал.Но я получаю ошибку компиляции Vue.Похоже, что объект не анализируется при компиляции динамически созданной ссылки.
Прикрепленный снимок экрана моей консоли:
