el-table-column字符串转int
时间: 2023-10-24 12:50:52 浏览: 130
要将字符串转换为整数,可以使用内置的int()函数。在el-table-column中,你可以通过使用formatter属性来自定义列的显示内容,并在其中使用int()函数进行转换。
下面是一个示例:
```html
<el-table-column label="字符串列" prop="strColumn" :formatter="convertToInt"></el-table-column>
```
在Vue的methods中,定义convertToInt方法:
```javascript
methods: {
convertToInt(row, column) {
return parseInt(row[column.property]);
}
}
```
这样,el-table-column中的字符串列就会被转换为整数显示。注意:这里使用的是parseInt函数,它会将字符串转换为整数。如果需要将字符串转换为浮点数,可以使用parseFloat函数来替代。
相关问题
el-table-column的根据日期字符串排序
要想根据日期字符串对 el-table-column 进行排序,可将该列的 type 属性设置为 'date',然后构造一个计算日期的函数,在 sortMethod 中使用该函数即可。下面是一个示例代码:
```html
<el-table-column prop="date" label="日期" type="date" :sortable="true" :sort-method="customSortMethod"></el-table-column>
```
```javascript
methods: {
customSortMethod(a, b) {
// 将日期字符串转换为毫秒数进行比较
return new Date(a.date).getTime() - new Date(b.date).getTime();
}
}
```
这样就可以让 el-table-column 根据日期字符串进行排序了。
el-table el-column selection disable
要禁用 Element UI 中的表格(el-table)中的某个列(el-column)的选择功能,可以在该列的配置中添加一个 `type` 属性,并将其设置为 `"selection-disabled"` 。示例如下:
```
<el-table :data="tableData">
<el-table-column type="selection"></el-table-column>
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
<el-table-column type="selection-disabled" label="Disable Selection"></el-table-column>
</el-table>
```
在上面的示例中,第三个列被设置为 `type="selection-disabled"` ,这样就禁用了该列的选择功能。
阅读全文
相关推荐
















