Я пытаюсь загрузить свои изображения с этим vue.js. Я использую этот плагин для этой задачи. Но мне нужно сменить язык. В документе сказано, что мы можем изменить его, используя реквизит. И я сделал,
:drag-text='drag_text'
Вот мой полный код.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>vue-upload-multiple-image</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>
<div id="car_ad_others"></div>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>
<script type="text/javascript">
var parent = $('#car_ad_others').parent();
parent.html('<div id="car-image-upload"><upload-component></upload-component></div>');
$('#car_ad_others').parent().attr('id', 'car_ad_parent');
Vue.component('upload-component', {
props: ['dragText'],
data: function () {
return {
images: '',
uploadImageSuccess: '',
beforeRemove: '',
editImage: '',
dataChange: '',
drag_text: 'ddd'
};
},
template: "<div id='my-strictly-unique-vue-upload-multiple-image' style='display: flex; justify-content: center;'><vue-upload-multiple-image :drag-text='drag_text' @upload-success='uploadImageSuccess' @before-remove='beforeRemove' @edit-image='editImage' @data-change='dataChange' :data-images='images'></vue-upload-multiple-image></div>"
});
new Vue({el: '#car-image-upload'});
</script>
<script src="https://unpkg.com/vue-upload-multiple-image@1.0.2/dist/vue-upload-multiple-image.js"></script>
</body>
</html>
К сожалению, оно не было переведено, и я тоже получаю эту ошибку,
[Vue warn]: неизвестный пользовательский элемент: - did
вы правильно регистрируете компонент? Для рекурсивных компонентов сделайте
Обязательно укажите опцию «имя».
Свойства находятся в этой ссылке . И я упростил свой код, чтобы показать проблему проще. Поэтому я не могу изменить структуру.