在vue模板中出现eslint [vue / no-unused-vars]错误

Question

也许这对某人有用。

我有带html的vue模板

C

并且Eslint生成[vue / no-unused-vars]'data'已定义但从未使用过。

我尝试使用eslint-disable-line，但没有成功（看起来像因为它在vue文件中）：（

Answer 1

我编辑我的模板：

<template slot="HEAD_Status" slot-scope="data">
    <!-- some html without using of data -->
</template>

例如将数据替换为{}在slot-scope中。

类似于另一种解决方案，我们可以将html从vue模板移动到html文件：

<template slot="HEAD_Status" slot-scope="{}"></template>

然后在someTemaplte.html中插入我们的html：

<template src="./someTemaplte.html></template>

P.S。我没有尝试过将解决方案转到html文件。