{{ scope.row.declareFile }} 截取@后面的文字
时间: 2023-11-01 11:23:50 浏览: 48
如果你需要截取 `declareFile` 字段中 `@` 符号后面的部分,可以使用 JavaScript 的字符串方法来实现。例如,你可以这样修改模板:
```html
<template #default="scope">
<el-link :href="`${scope.row.declareFile}`">{{ scope.row.declareFile.slice(scope.row.declareFile.indexOf('@') + 1) }}</el-link>
</template>
```
这样就会将 `declareFile` 字段中 `@` 符号后面的部分作为链接的显示文字。具体来说,我们使用 `indexOf` 方法找到 `@` 符号在字符串中的位置,然后使用 `slice` 方法截取符号后面的部分,并将结果作为链接的显示文字。你可以根据需求调整字符串方法来截取不同的部分。
相关问题
scope.row.examiningFile.slice(scope.row.examiningFile.lastIndexOf('@') + 1) }} 这里如何做非空判断
你可以使用 JavaScript 中的条件运算符 `?` 和 `:` 来实现非空判断。具体的实现方式如下所示:
```
scope.row.examiningFile && scope.row.examiningFile.lastIndexOf('@') !== -1 ? scope.row.examiningFile.slice(scope.row.examiningFile.lastIndexOf('@') + 1) : ''
```
其中,`&&` 表示逻辑与运算符,如果 `scope.row.examiningFile` 为假值(例如 `null`、`undefined`、`''` 等),则整个表达式的值为假值,不会继续执行后面的逻辑;`!==` 表示不等于运算符,如果 `scope.row.examiningFile.lastIndexOf('@')` 的值不等于 `-1`,则说明 `@` 字符在字符串中出现过,可以执行 `slice()` 方法;如果 `scope.row.examiningFile` 为空或者 `@` 字符不存在于字符串中,则整个表达式的值为 `''`。
{{ scope.row.declareFile }} 这里如何修改
`{{ scope.row.declareFile }}` 是模板中的插值表达式,用于显示表格中每一行数据的 `declareFile` 字段。如果你需要修改这个字段的显示内容,可以在模板中使用 JavaScript 表达式来计算新的值。例如,你可以这样修改:
```html
<template #default="scope">
<el-link :href="`${scope.row.declareFile}`">{{ scope.row.declareFile.split('.')[0] }}</el-link>
</template>
```
这样就会将 `declareFile` 字段的值按照点号分割,只显示第一个点号前面的部分,而不是完整的文件名。你可以根据需求修改表达式来计算新的值,例如使用字符串替换、加减运算等等。