Unexpected newline between function and ( of function call.eslintno-unexpected-multiline

这是一个ESLint的错误提示，它表示在函数调用的左括号前面出现了意外的换行符。这可能会导致代码在某些情况下难以阅读或者出现错误。为了解决这个问题，可以将左括号移到函数调用的同一行，或者在左括号前面添加一个反斜杠来继续上一行的代码。例如：

// 错误示例
someFunction
(argument1, argument2);

// 正确示例
someFunction(argument1, argument2);

// 或者
someFunction \
(argument1, argument2);

相关问题

var element = document.querySelectorAll("#app > div > div.main-container > section > div > div.flex-row.mt-2 > div > div.el-select.mr-1.statusStyle.mt-1.select-style > div.el-input.el-input--suffix > input")) 报错：Uncaught SyntaxError: Unexpected token ')'

这个报错可能是因为您多写了一个 ")"，导致语法错误。请尝试使用以下代码：

var element = document.querySelectorAll("#app > div > div.main-container > section > div > div.flex-row.mt-2 > div > div.el-select.mr-1.statusStyle.mt-1.select-style > div.el-input.el-input--suffix > input");

这是去掉多余的 ")" 后的代码。

Unsafe call of an `any` typed value.eslint@typescript-eslint/no-unsafe-call Unexpected side effect in "visibleColumns" computed property.eslintvue/no-side-effects-in-computed-properties

这些错误是由ESLint插件检测到的。第一个错误是因为您正在使用`any`类型的值进行不安全的调用，第二个错误是因为您在计算属性中引入了副作用。

为了解决这些错误，您可以采取以下措施：

1. 在代码中明确指定类型，避免使用`any`类型。例如，您可以改为使用`Column`类型来定义列：

interface Column {
  name: string;
  label: string;
  // 其他属性
}

// 在组件中使用
columns: Column[] = [
  { name: 'column1', label: 'Column 1' },
  { name: 'column2', label: 'Column 2' },
  // 其他列
];

2. 避免在计算属性中引入副作用。计算属性应该是纯函数，只依赖于其它响应式数据的值并返回一个新的响应式值。如果您需要在计算属性中引入副作用，可以考虑使用方法或侦听器来实现。

例如，您可以将`visibleColumns`计算属性替换为一个方法：

methods: {
  getVisibleColumns() {
    let columns = [...this.columns];
    if (this.rows.length === 20) {
      columns.push({name: 'DOC_UNSIGNED'});
      columns.push({name: 'DOC_SIGNED'});
    }
    return columns;
  }
}

然后，在模板中使用`getVisibleColumns()`方法来获取可见列的值：

<q-table ... :visible-columns="getVisibleColumns()"> </q-table>