【Vue】table渲染后属性width未渲染

问题描述

我给它定义了固定宽度,但是渲染后宽度还是没生效,这是什么原因呢??我觉得应该是v-if渲染出问题的

问题出现的环境背景及自己尝试过哪些方法

【Vue】table渲染后属性width未渲染

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<tr class="ivu-table-small">

<th width="130px">市场</th>

<th width="120px">买卖类别</th>

<th width="150px">交易类型</th>

<th width="120px">证券代码</th>

<th width="150px">证券类别</th>

<th >数量</th>

<th>价格</th>

<th>笔数</th>

<th width="300px" v-if="hide">产品名称</th>

<th width="80px" v-if="hide">价格</th>

<th width="80px" v-if="hide">费率</th>

<th width="80px" v-if="hide">折扣</th>

<th width="80px" v-if="hide">附加费</th>

<th width="100px" v-if="hide">金额</th>

</tr>

你期待的结果是什么?实际看到的错误信息又是什么?

我想要样式合理,看起来美观,后面几个字段我之前是隐藏的,点击试算按钮后才渲染显示出来的

回答

把v-if替换成v-show试试

以上是 【Vue】table渲染后属性width未渲染 的全部内容, 来源链接: utcz.com/a/84464.html

回到顶部