小编41 *_* 6c的帖子
el-table 中的自定义列标题没有反应
我正在使用 vuejs 2.6.10 和 element-ui 2.12.0 并在 el-table 中显示数据。到现在为止还挺好。
在列标题中，我想显示输入字段以过滤数据，但我只想按需显示这些输入（单击按钮后）。所以我想使用这样的自定义标题：
<el-table-column prop="name" label="Name" width="180">
<template slot="header">
Name <br/>
<!-- show input only on demand -->
<el-input v-show="bool"></el-input>
</template>
</el-table-column>
问题来了：当 bool 的值发生变化时，什么也不会发生。
经过几次测试后，我意识到标头模板似乎不是响应式的。
我找到了一种切换输入的解决方法：强制 el-table 重新渲染...
<el-table v-if="showTable" ...>
methods: {
toggleInputs() {
// toggle bool
this.bool = !this.bool;
// force re-render table...
this.showTable = false;
this.$nextTick(() => (this.showTable = true));
}
}
有用。但这一点也不干净，重新渲染一张不太大的桌子需要一些时间......
这是完整的示例：https : //jsfiddle.net/olivierlevrey/pyvc6kht/2/
有人有更好的解决方案来使自定义标头具有反应性吗？
推荐指数
解决办法
查看次数
HTML 表格偏移一列
如何偏移表格行中的一列？我使用了 colspan 但它需要两列宽度，但我想喜欢这张图片。
这是我的代码：
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px 15px;
text-align: left;
}<table>
<tr>
<th colspan="2">65</th> <th colspan="2">40</th>
<th colspan="2">20</th>
</tr>
<tr>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
</tr>
<tr>
<td>85</td>
<td>78</td>
<td>82</td>
<td>77</td>
<td>81</td>
</tr>
</table>推荐指数
解决办法
查看次数
反应原生返回 ImageBackground 居中
我有一个图像，我尝试将一些文本放在其中。
为此，我使用 ImageBackground 来拥有图像的子元素。
然而，图像在小型设备上被缩小，如果可能的话，全尺寸
当我将文本居中时，它会在整个图像比例之后居中（在可以看到整个图像的大屏幕上，它居中 - 在小屏幕上它的偏移量，因为某些图像被裁剪以适合。
<ImageBackground style={{ width: wp('50%'),
height: hp('50%'),
resizeMode: 'cover',
justifyContent: 'center',
alignItems: 'center' }}
source={require('../assets/images/12.jpg')}>
// if the full image is showing - it's centered, otherwise not!
<Text style={{ color: "red" }}>Centered text</Text>
</ImageBackground>
推荐指数
解决办法
查看次数
用id的正则表达式的CSS
我只希望第一个和第三个ID为红色.那可能吗？
#sections div[id^='s.*0'] {
color: red;
} <div id="sections">
<div id="s10">one</div>
<div id="s2">two</div>
<div id="s30">three</div>
<div id="t1">four</div>
</div>推荐指数
解决办法
查看次数
侧边的猫头鹰旋转木马导航箭头
如何获得两侧滑块顶部的上一个和下一个按钮？就像这样：http : //soledad.pencidesign.com/soledad-hipster/
这就是我现在的样子http://testar.kashmaizat.se/
我正在使用猫头鹰旋转木马滑块...
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
center:true,
items:2,
loop:true,
nav:true,
margin:10,
stagePadding: 20});
});
owl.on('mousewheel', '.owl-stage', function (e) {
if (e.deltaY>0) {
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
e.preventDefault();
});<html>
<head>
<link href="http://testar.kashmaizat.se/wp-content/themes/ett/css/owl.theme.default.min.css" rel="stylesheet"/>
<link href="http://testar.kashmaizat.se/wp-content/themes/ett/css/owl.carousel.min.css" rel="stylesheet"/>
<link href="http://testar.kashmaizat.se/wp-content/themes/ett/css/owl.carousel.css" rel="stylesheet"/>
<script src="http://testar.kashmaizat.se/wp-content/themes/ett/js/owl.carousel.js"></script>
<script src="http://testar.kashmaizat.se/wp-content/themes/ett/js/jquery.min.js"></script>
<script src="http://testar.kashmaizat.se/wp-content/themes/ett/js/owl.carousel.min.js"></script>
<script src="http://testar.kashmaizat.se/wp-content/themes/ett/js/jquery.mousewheel.min.js"></script>
<script src="http://testar.kashmaizat.se/wp-content/themes/ett/js/jquery.mousewheel.js"></script>
</head>
<body>
<div class="owl-carousel">
<div>
<img src="http://kashmaizat.se/other/images/johannaflex.jpg" />
</div>
<div>
<img src="http://kashmaizat.se/other/images/flexsliderimg.jpg" />
</div>
<div>
<img src="http://kashmaizat.se/other/images/flexsliderimgtwo.jpg" />
</div>
</div>
</body>
</html>推荐指数
解决办法
查看次数
如何将本地更改从 master 提交到另一个分支
我是使用 Git 的新手，一些事情或命令对我来说很清楚。我现在的问题在这里描述：
昨天我得到了最新版本的master. 我做了一些本地更改，最终超出预期。现在我想将此本地状态提交给另一个branch（名为"image_acquisition"）。
所以我的问题总结如下：
我是“大师背后的 2 次提交”。我必须考虑什么才能不破坏任何东西？这一步有必要吗？
更重要的是：命令应该如何才能使分支上的所有内容都清理干净？
如果我做错了什么，我只是害怕丢失所有更改。
推荐指数
解决办法
查看次数
标签 统计
css ×4
html ×2
element-ui ×1
git ×1
gitlab ×1
html-table ×1
image ×1
javascript ×1
react-native ×1
reactjs ×1
vue.js ×1