VsWidgetImages

Дозволяє завантажувати, передивлятись, видалаяти картинки. Для роботи потрібно вказати ідентифікатор картки

Підключення

vue

<VsWidgetImages id="2911171147699586620"></VsWidgetFile>

hbs

{{{_vue "vs-widget-images" id="2911171147699586620"}}}

Component API

Behaviour

Name	Description	Type
id	Ідентифікатор користувача або картки/таблиці	String

Content

Name	Description	Type
fileList	Набір статичних даних для прикладу, відключає можливість додавання, видалення	Array

Приклад

      <template>
        <div>
          <VsWidgetImages :fileList="fileData" ></VsWidgetImages>
        </div>
      </template>
      <script>
        export default {
          data() {
            return {
              fileData: [
                {
                  file_id: '2943809984711886284',
                  file_path: '/files/upload/2911171147699586620/2022-10-07/2f5a7a9e-957c-4eff-a71e-c210c92cd9ec.jpg',
                  uploaded_name: '12121',
                  ext: 'jpg',
                  size: '1788678',
                  uid: '1',
                  cdate: '2022-10-07 16:31:58.56365',
                  file_type: 'file',
                  main: null,
                  username: 'Андрій Черін',
                  verif: null,
                  avatar: null,
                  author: null,
                  publicate: null,
                  doc_date: null,
                  describe: null,
                  cls_type: null,
                },
                {
                  file_id: '2943807100406465964',
                  file_path: '/files/upload/2911171147699586620/2022-10-07/a035546a-332d-4376-ad29-dfc8b1ccbedd.jpg',
                  uploaded_name: '2222',
                  ext: 'jpg',
                  size: '1551329',
                  uid: '1',
                  cdate: '2022-10-07 16:26:14.727882',
                  file_type: 'file',
                  main: null,
                  username: 'Андрій Черін',
                  verif: null,
                  avatar: null,
                  author: null,
                  publicate: null,
                  doc_date: null,
                  describe: null,
                  cls_type: null,
                },
              ],
            }
          }
        }
      </script>