小编Aar*_*ker的帖子

即时使用此解决方案动态设置vuejs组件中的表格单元格:

http://forum.vuejs.org/topic/526/repeating-table-row-with-slot

这适用于Vue.js v1.0.10,但不适用于当前版本v1.0.26.

Jsfiddle:https://jsfiddle.net/peL8fuz3/

我正在尝试获取以下标记(项目对象应该在组件中可用)

<div id="vue">
    <basic-table>
        <table-cell>{{ item.id }}</table-cell>
        <table-cell>{{ item.title }}</table-cell>
    </basic-table>
</div>

Vue.js组件(更多小提琴)

Vue.component('basic-table', {
    template: '<table><tbody><tr v-for="item in collection" v-slot></tr></tbody></table>',
    data: function () {
        return {
            collection: [
                {id: 1, title: 'Vue'},
                {id: 2, title: 'Vue 2'},
                {id: 3, title: 'Vue 3'},
                {id: 4, title: 'Vue 4'},
            ]
        }
    }
});

谁知道如何解决这个问题？

编辑 Didnt找到了一个有效的解决方案 - 仍在搜索..

如果有人在可编辑区域中选择文本,我想显示一些按钮 - 如下所示:

所以,我认为我必须使用<div contenteditable="true">而不是<textarea>

但说实话,我不知道如何追加div

问题:

1. 是什么(jquery)事件选择文本？
2. 选择此区域后如何附加div？

JsFiddle:http: //jsfiddle.net/hA7Zn/

谢谢你的任何提示!

我想用斜线分隔2个浮动div,它们有不同的背景颜色.

这里的例子:

HTML标记:

<div id="wrap">
    <div id="one"></div>
    <div id="two"></div>
</div>

我已经尝试过旋转它们(正如你在jsFiddle中看到的那样):

#wrap div {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    float:left;
    width:50%;
    height:200px;
}

http://jsfiddle.net/F6DgA/

我也试过smth.与overflow:hidden:http: //jsfiddle.net/F6DgA/1/(部分相关,但不是很干净的解决方案)

有没有更简单的方法(不要使用图像......)？

我想检查父母孩子是否是最后一个：（所以在我的情况下，我想选择.icon它是否是它的父元素中的最后一个元素/节点.button）

<a href="" class="button">
    <i class="icon"></i>
    Button
</a>
<a href="" class="button">
    Button
    <i class="icon"></i>
</a>

我试过这样：.button .icon:last-child也:last-of-type

但是选择器忽略文本节点 - 有没有办法检测它是否.icon在文本之前/之后？