<el-dialog :width="flag%" title="调仓明细" :visible.sync="dialogTableVisible">

在这段代码中，`:width="flag%"` 中的 `flag%` 是一个字符串表达式，它会被当做 CSS 属性的值来使用。如果 `flag` 是一个表示百分比的变量，那么这段代码是正确的，因为这里需要传入一个字符串类型的值，例如 `"50%"`，表示对话框的宽度为 50%。

如果你遇到了 `Invalid prop: type check failed for prop "width". Expected String, got Number` 这个错误提示，那么说明 `flag` 变量的类型是数值类型（Number），而不是字符串类型（String）。为了解决这个问题，你可以将 `flag` 变量转换成字符串类型。例如：

<el-dialog :width="flag.toString() + '%'" title="调仓明细" :visible.sync="dialogTableVisible">

在这个例子中，我们使用了 `toString()` 方法将 `flag` 变量的值转换成了字符串类型，并且在字符串后面加上了 `%` 符号，表示这是一个百分比。这样就能够避免上面的类型检查错误。

相关问题

<el-dialog width="70%" title="添加价格" :visible.sync="dialogTableVisible"> <el-button type="primary" @click="addRow">增加记录</el-button>

这段代码是一个基于 Element UI 的对话框组件 el-dialog，其中包含一个按钮 el-button。当按钮被点击时，会触发 addRow 方法。

具体来说，width 属性用于设置对话框的宽度为父容器宽度的百分比；title 属性用于设置对话框的标题；:visible.sync 属性用于控制对话框是否显示，.sync 修饰符用于实现双向绑定。

el-button 组件是一个 Element UI 的按钮组件，其中 type="primary" 表示按钮类型为主要按钮，@click="addRow" 表示当按钮被点击时，会执行组件实例中的 addRow 方法。

总之，这段代码是一个用于添加价格记录的对话框组件，并包含一个增加记录按钮。

<el-dialog :style="{width:clint>450 ? '70%' : '100%'} " title="添加价格" :visible.sync="dialogTableVisible"> 正确写法

正确的写法如下：

<el-dialog :style="{width: clint > 450 ? '70%' : '100%'}" title="添加价格" :visible.sync="dialogTableVisible">
  <!-- 对话框内容 -->
</el-dialog>

在这个示例中，我们使用了三元表达式来根据条件设置对话框的宽度。如果`clint`大于450，宽度设置为'70%'，否则设置为'100%'。注意，样式对象中的属性名是字符串形式的键。

同时，`:visible.sync`用于双向绑定对话框的可见性，确保对话框的显示状态与`dialogTableVisible`的值保持同步。

希望这个回答对你有帮助！如果你还有其他问题，请随时提问。