【Vue】table渲染后属性width未渲染
问题描述
我给它定义了固定宽度,但是渲染后宽度还是没生效,这是什么原因呢??我觉得应该是v-if渲染出问题的
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
<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