Vue.js мешает работе classList.remove? [Дубликат]
Вы можете использовать Reduce:
Reduce(`+`, dfs)
# Sepal.Length Sepal.Width Petal.Length Petal.Width
# 122 28.0 13.2 18.7 6.1
# 87 26.8 14.9 15.1 4.5
# 100 30.8 14.6 23.1 7.7
В этом случае это просто, потому что + добавляет элемент lhs и rhs мудрый, с векторизованными функциями (например, paste) вы можете использовать:
data.frame(Reduce(function(x,y) Map(paste,x,y), dfs))
# Sepal.Length Sepal.Width Petal.Length Petal.Width
# 1 5.6 6.2 5 5.2 6 2.8 2.2 3.3 2.7 2.2 4.9 4.5 1.4 3.9 4 2 1.5 0.2 1.4 1
# 2 6.7 4.6 4.6 5.9 5 3.1 3.4 3.1 3 2.3 4.7 1.4 1.5 4.2 3.3 1.5 0.3 0.2 1.5 1
# 3 5.7 5.8 6.7 6.1 6.5 2.8 2.7 3.3 3 2.8 4.1 4.1 5.7 4.6 4.6 1.3 1 2.5 1.4 1.5
данных
dfs<-list()
for (i in 1:5) {
dfs[[i]]<-iris[sample(1:nrow(iris),3),-5]
}
2 ответа
В Vue следует избегать прямых манипуляций с DOM. Вместо этого вы должны позволить Vue сделать это (это довольно хорошо). Поэтому используйте
<your-element
:class="['always-present', {'optional':expression}]"
/>
Где optional будет добавлено / удалено на основе привязки к данным expression.
Кроме того, вы можете использовать v-if, v-show или v-hide (т. Е. v-if="expression"), если все, что вам нужно, это показать / скрыть элемент.
Для списка случаев, когда прямая манипуляция с DOM имеет смысл в Vue, а также недостатков или возможных ошибок каждого случая, читайте Обработка краевых случаев .
Если вы используете представления / компоненты Vue и их внутренний код шаблона, элементы не будут отображаться, пока Vue не будет готов.
Значение внутри app.vue ничего не отображается, пока маршрутизатор не загрузит представление
<template>
<div id="app">
<router-view/>
</div>
</template>