Anonymous
Anonymous
Ну так можно и jsx заюзать) чтобы совсем уж как реакт
та не - Vue + JSX = извращение, как по мне ))
да и зачем JSX для Vue, по хорошему?
Vue - это как и Angular, фреймворк на основе шаблона.
У реакта ведь шаблона нет вообще, он пишется как раз при помощи JSX
я правильно понимаю ситуацию? ))
да не будут мои слова восприняты как холивар )))
Alex
Alex
Даже где-то видел пакет для использования компонентов вью в реакте и наоборот
Alex
Переписывать с нуля это всегда зло
Andrew
Alex
Anonymous
Alex
Во вью обычный js используется, и можно делать всё тоже самое
Andrew
Спасибо! 👍
Evgheni
Alex
ℝei
Alex
Пропсы будут
Alex
https://ru.vuejs.org/v2/guide/render-function.html#Функциональные-компоненты
Alex
Как там написано — не знаю. Посмотрите в компоненты. Если ни на шаблоне, ни свойства в экземпляре нет — это обычные компоненты
Stanislav
Anonymous
Добрый день может ктото помочь исправить ошибки ? https://jsfiddle.net/ezxacqp9/5/
Anonymous
при клике на элементе таблицы отрывается еще одна таблица
Anonymous
в которой отобразится строка с даееыми из https://jsonplaceholder.typicode.com/posts/1
Anonymous
у меня эта таблица не открывается
Alex
у вас ошибки в консоли, стоит сначала их поправить
Anonymous
я знаю , я уже не знаю что там править :(
Alex
вы внутри td генерируете еще td?
Anonymous
аа нет это я уже под конец когда исправлял не посмотрел , он тамодну строку получится выведет с данными
Anonymous
первые теги tr должны быть
Anonymous
он выводит не из того источника данные , он должен брать данные из https://jsonplaceholder.typicode.com/posts/1 а он их берет из https://jsonplaceholder.typicode.com/posts
Anonymous
я пробовал делать `getCustomdata(){
fetch(this.customendpoint)
.then(r => r.json())
.then(customresponse=>{
this.gridCustomData = customresponse.map(item=>item)
})
}` но тогда ошибка валится что map не является функцией
Alex
ну а почему он их не с той ссылки берет?
ㅤ
Привет! Кто-нибудь может подсказать, как DIV с contenteditable="true" связать через v-model с моделью?
Это возможно? (Чтобы все что <div>здесь</div> было связано с моделью)
Anonymous
я поправил уже в том коде что вам скинул но тут есть загвоздка у меня в темплейте идет биндинг к функции customdataresult: function(){
var data = this.data
return data
}, может там где то косяк
Alex
Alex
Anonymous
да я уже просто не знаю что там делать , я пытался вытащить данные из getCustomdata каким нибудь образом но уже запутался немного сам
ㅤ
Alex Sokolov, 👍
Alex
Alex
Если вы хотите прям свои кастомные свойства, то это надо Vue расширять (и оно вам не надо)
ㅤ
Вот если кому интересно, решение нашлось: https://codepen.io/supraniti/pen/Lypobx
Alex
только пример допилить немного бы, чтобы через v-model работать
ㅤ
Есть еще один пример, https://codepen.io/Monocle/pen/kkgrKv , но там через Medium.js обернуто
Maks
👍
Alexander
Подскажите, как я могу забиндить определённый класс для элемента, чтобы он проверял соответстввие с data.
Например, чтобы у div появлялся класс active, если в data, элемент user будет равняться petr
Alex
Alexander
Я читал, но сани не едут, возможно из-за нехватки знаний JS
Evgheni
Alex
<div :class="isActive ? 'active' : '' ">...</div>
в computed
isActive() { return this.user === 'petr' }
Evgheni
Evgheni
без интриги
Alexander
Alex а могу я в computed ещё как-то элемент передать?
Alexander
<div class="calculator-tabs__list">
<a v-for="tab in tabs" class="calculator-tabs__item" :class="tabActive ? 'active' : '' " v-bind:href="'#' + tab.name" v-on:click="tabClick">\{{ tab.text }}</a>
</div>
Alexander
у меня сейчас вот такая балалайка
Alexander
собаку ввести
ㅤ
👍
ㅤ
http://vue-tabs-component.spatie.be/#first-tab
Alex
Alex
Везде табы с выбранным сравнивать — по совпадении класс добавлять, показывать итп
Alex
Это если самому, без сторонних компонентов делать
Alex
условие на таб через v-if накинуть
Alex
или класс биндить по условию
Alisher
Всем привет
Alisher
не подскажете как отслеживать загрузку сайта всего полность SPA
Alisher
на vue
Alisher
то есть сделать такой некий loading в начале и когда все подгрузится , показать сайт
Michael
Michael
)
Alexander
Как всё оказалось просто, нужно было лишь написать:
:class="{'calculator-tabs__item--active': currentTab == tab.name}"
Alex
Alisher
Alisher
или может я как то не так обьясняю
Michael
это надо сначала какой-то жс, который будет их всех сам загружать и знать сколько осталось..)
Michael
интересная была бы темка
Alisher
Alisher
думал может есть какое то простое решение