Size: a a a

Vue.js Russian Developers Community

2020 August 14

カガミ・マックス... in Vue.js Russian Developers Community
Vladimir 💉 💊 Voytenko
о, так у тебя модули, а ты обращаешься без модуля
в mapstate ?
источник

カガミ・マックス... in Vue.js Russian Developers Community
Обращение
источник

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
везде
источник

カガミ・マックス... in Vue.js Russian Developers Community
ну в индексе импортированы в "modules". Как обращаться в mapstate?
источник

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
カガミ・マックス
ну в индексе импортированы в "modules". Как обращаться в mapstate?
так например
источник

AR

Alexandr Romanov in Vue.js Russian Developers Community
всем привет. Использую ui element для изменения данных в таблице (по клику открывается для каждой ячейки окошко и данные редактируются). Все работает, но очень медленно идет отрисовка фронта на 50+ записях в странице (используется пагинация, на одну страницу надо выводить 100 строк). Первое открытие страницы занимает ок. 10 сек на 100 записях.  Также медленно реагируют на клики поповеры.  Если в пагинации на страницу задать 15 строк то все ок.
Есть ли способ ускорить как-то ?

Пример поповер в колонке таблицы:
<el-table-column
                           label="Long description"
                           sortable="custom">
                       <template slot-scope="scope">
                           <el-popover
                                   placement="bottom"
                                   width="200"
                                   trigger="click">
                               <el-row class="margin-bottom-20">
                                   <el-input v-model="scope.row.long_description"></el-input>
                               </el-row>
                               <el-row style="text-align: center;">
                                   <el-button size="mini" @click="closePopover">Cancel</el-button>
                                   <el-button type="primary" size="mini"
                                              @click="saveLongDescription(scope.row.long_description, scope.row.id)">
                                       Save
                                   </el-button>
                               </el-row>
                               <div slot="reference" class="cell__inner">
                                   <span v-html="highlight(scope.row.long_description)"></span>
                                   <el-button type="text" size="mini" icon="el-icon-edit" circle></el-button>
                               </div>
                           </el-popover>
                       </template>
                   </el-table-column>

Подобных там 7, на каждую колонку кроме id
источник

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
Alexandr Romanov
всем привет. Использую ui element для изменения данных в таблице (по клику открывается для каждой ячейки окошко и данные редактируются). Все работает, но очень медленно идет отрисовка фронта на 50+ записях в странице (используется пагинация, на одну страницу надо выводить 100 строк). Первое открытие страницы занимает ок. 10 сек на 100 записях.  Также медленно реагируют на клики поповеры.  Если в пагинации на страницу задать 15 строк то все ок.
Есть ли способ ускорить как-то ?

Пример поповер в колонке таблицы:
<el-table-column
                           label="Long description"
                           sortable="custom">
                       <template slot-scope="scope">
                           <el-popover
                                   placement="bottom"
                                   width="200"
                                   trigger="click">
                               <el-row class="margin-bottom-20">
                                   <el-input v-model="scope.row.long_description"></el-input>
                               </el-row>
                               <el-row style="text-align: center;">
                                   <el-button size="mini" @click="closePopover">Cancel</el-button>
                                   <el-button type="primary" size="mini"
                                              @click="saveLongDescription(scope.row.long_description, scope.row.id)">
                                       Save
                                   </el-button>
                               </el-row>
                               <div slot="reference" class="cell__inner">
                                   <span v-html="highlight(scope.row.long_description)"></span>
                                   <el-button type="text" size="mini" icon="el-icon-edit" circle></el-button>
                               </div>
                           </el-popover>
                       </template>
                   </el-table-column>

Подобных там 7, на каждую колонку кроме id
портянки кода или скрином или на спец сервисы
источник

カガミ・マックス... in Vue.js Russian Developers Community
Vladimir 💉 💊 Voytenko
так например
И ещё добавить namespaced. Тут уже вижу ошибку unknown mutation type: setContacts в коммите в contentCollection. Почему не видет мутацию?
источник

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
カガミ・マックス
И ещё добавить namespaced. Тут уже вижу ошибку unknown mutation type: setContacts в коммите в contentCollection. Почему не видет мутацию?
потому что мутация вызывается так же без названия модуля..
источник

カガミ・マックス... in Vue.js Russian Developers Community
Vladimir 💉 💊 Voytenko
потому что мутация вызывается так же без названия модуля..
Как здесь обратиться к модулю подскажи плиз ?
источник

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
カガミ・マックス
Как здесь обратиться к модулю подскажи плиз ?
а почему бы не почитать документацию? это быстрее и полезнее..
источник

カガミ・マックス... in Vue.js Russian Developers Community
Vladimir 💉 💊 Voytenko
а почему бы не почитать документацию? это быстрее и полезнее..
Да, погуглю. Спасибо
источник

KG

Kirill Galimov in Vue.js Russian Developers Community
Подскажите, а это нормально создавать компоненты с SVG иконками?
источник

MZ

Mikhail Zakharov in Vue.js Russian Developers Community
Kirill Galimov
Подскажите, а это нормально создавать компоненты с SVG иконками?
Так и нужно
источник

KG

Kirill Galimov in Vue.js Russian Developers Community
Mikhail Zakharov
Так и нужно
Отлично, а куда их правильней будет пихать?) Чтоб со структурой не обосраться
источник

KG

Kirill Galimov in Vue.js Russian Developers Community
в components создавать icons?
источник

MZ

Mikhail Zakharov in Vue.js Russian Developers Community
Kirill Galimov
Отлично, а куда их правильней будет пихать?) Чтоб со структурой не обосраться
в папочку icons
источник

MZ

Mikhail Zakharov in Vue.js Russian Developers Community
Kirill Galimov
Отлично, а куда их правильней будет пихать?) Чтоб со структурой не обосраться
как тебе уж удобно )
источник

KG

Kirill Galimov in Vue.js Russian Developers Community
Ага, принял. Спасибо
источник

カガミ・マックス... in Vue.js Russian Developers Community
Kirill Galimov
Подскажите, а это нормально создавать компоненты с SVG иконками?
Я использую вот этот компонент. Там можно добавлять кастомные иконки.
https://github.com/Justineo/vue-awesome
источник