was assigned to but it has no setter. found in ---> <PagesAuthRegist
时间: 2024-03-05 20:48:45 浏览: 32
这个错误通常是因为你在模板中使用了 `v-model`,但是在组件实例中没有对应的 setter 方法。
例如,你的模板中有这样的代码:
```html
<template>
<div>
<input v-model="value" />
</div>
</template>
```
但是在组件实例中,你没有定义 `value` 的 setter 方法。这样,在你修改输入框中的值时,Vue.js 会尝试调用 `value` 的 setter 方法,但是因为没有定义,就会报出这个错误。
要解决这个问题,你需要在组件实例中定义 `value` 的 setter 方法。例如:
```javascript
export default {
data() {
return {
_value: ''
}
},
computed: {
value: {
get() {
return this._value
},
set(val) {
this._value = val
// 在这里可以执行你想要的操作
}
}
}
}
```
这里我们使用了一个私有变量 `_value` 来存储输入框的值,然后通过计算属性 `value` 来访问这个值。在计算属性中,我们定义了 `value` 的 getter 和 setter 方法,这样就可以在修改输入框中的值时触发 setter 方法了。在 setter 方法中,你可以执行你想要的操作。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)