next() { if (this.current == 2) { this.$Message.info("已完成所有阶段,任务状态已经改变"); this.$emit("closeModal"); this.current = 0; } else { this.current += 1; } this.current == 1 ? (this.columns[0].title = "方案设计阶段工作包") : ""; this.current == 2 ? (this.columns[0].title = "技术施工设计阶段工作包") : ""; this.current == 0 ? (this.columns[0].title = "策划设计阶段工作包") : ""; },改成<script setup>写法
时间: 2024-02-21 12:58:43 浏览: 63
详解使用Next.js构建服务端渲染应用
可以将该方法改写成如下的 `<script setup>` 写法:
```
<script setup>
let current = 0;
const columns = [{ title: "策划设计阶段工作包" }];
const next = () => {
if (current == 2) {
$Message.info("已完成所有阶段,任务状态已经改变");
$emit("closeModal");
current = 0;
} else {
current += 1;
}
current == 1 ? (columns[0].title = "方案设计阶段工作包") : "";
current == 2 ? (columns[0].title = "技术施工设计阶段工作包") : "";
current == 0 ? (columns[0].title = "策划设计阶段工作包") : "";
};
</script>
```
其中,使用 `let` 声明了 `current` 变量,使用 `const` 声明了 `columns` 数组,函数体内的 `this` 关键字替换成了 `$`,并且使用箭头函数来声明 `next` 函数。
阅读全文