@click在Vue.js中的三元操作

Question

我正在尝试做以下操作，但它一直返回Vue.js中的[plugin:vite:vue] Unexpected token (1:27)错误:

@click="selectedFiles.push(file.id); selectedFiles.length < 1 ? isCollapse=false: isCollapse=true"

基本上当这个图像被点击时:

1. 它应该首先将文件推送到selectedFiles数组
2. . .然后检查长度是否为<1并相应地改变isCollapse布尔值

没有三元操作的代码工作得很好，所以我认为这是一个语法问题。

Answer 1

实际上可以完全避免三元制。

isCollapse = selectedFiles.length >= 1

就三元语法而言，冒号两边的空格很重要。

selectedFiles.length < 1 ? isCollapse = false : isCollapse = true

同样，我强烈建议使用一种方法。任何时候，当你需要执行不止一个非常简单的js表达式来响应一个事件时，一个方法将会更容易阅读和维护。

Answer 2

你有没有试过:

@click="[selectedFiles.push(file.id), isCollapse = !!selectedFiles.length]"