Question

我遇到以下错误：

handleChangeInstitution(event,indexInstitution){
    this.setState(prevState => ({
        ...prevState,
        application: {
            ...prevState.application,
            institutions: [
                ...institutions.slice(0, indexInstitution),
                {
                  ...institutions[indexInstitution],
                  [event.target.name]: event.target.value
                },
                ...institutions.slice(indexInstitution + 1),
            ]
        }
    }))

}

在一个非常简单的组件中。我已经看到此错误一百次了，而且我知道这通常是因为我试图在模板中使用未在我的JS代码中定义的变量。

我尝试将其作为道具，数据的一部分甚至作为计算的属性添加，但由于某种原因，我无法使错误消失。

我的组件看起来像这样：

iptables -A INPUT -p tcp -m string --string "/path/to/file.php" --algo kmp -j REJECT

其javascript如下：

Property or method "showNotification" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <MsgcNotification> at src/layout/Header/msgc/msgc.vue

我不敢相信自己会陷入这样一个简单的错误，但是我看不到自己的错误。我需要新鲜的眼睛看看。

编辑：我是个白痴，我用脚本标签而不是样式标签加载样式。

Answer 1

作为Vue.js中的Single File Component，要使用CSS/SCSS/LESS进行样式设置，必须使用style标签。 script标签用于JS/TS代码。

当我相信我正确地执行了操作后，得到的属性未定义

1 个答案: