//如下情况,gutter间距会失效
<el-row :gutter="20"> <el-col :span="12" style="border:1px solid #aaa;border-radius: 5px;padding:10px 0;display: inline-block;"> </el-col> <el-col :span="12" style="border:1px solid #aaa;border-radius: 5px;padding:10px 0;display: inline-block;"> </el-col> </el-row>
解答:
其实并不是失效,而是不能写在style里,因为 gutter 的实现方式是设置el-col的style所以如果,el-col本身就有style,gutter的间距样式就无法设置,所以看起来是失效了。
解决办法:
不让写style 家class就好了啊