Error in callback for watcher “value“: “TypeError: Cannot read property ‘repalce‘ of null“

最新推荐文章于 2024-05-15 10:50:29 发布

浮生若梦昔贤兴怀

最新推荐文章于 2024-05-15 10:50:29 发布

阅读量1.4w

点赞数 3

分类专栏：工作遇坑

本文链接：https://blog.csdn.net/qq_40668646/article/details/111386945

版权

在Vue项目中遇到Error in callback for watcher "value": "TypeError: Cannot read property 'level' of null"的问题。该错误源于后台接口返回null，导致v-model绑定的值为空。解决方法包括在组件中设置默认值属性`:default-value`，并使用方法处理后台返回的null值，将其转换为''，防止报错。

摘要由CSDN通过智能技术生成

vue空页面value空值问题

在这里插入图片描述
在页面后台中，输出了Error in callback for watcher “value”: "TypeError: Cannot read property ‘level’ of null"这样的错误，看了网上的一些博客，个人认为就是在input输入框中，当第一次输入，未保存数据之前，接口返回的数据基本都是null，所以可能是会报这个错误

解决办法

<u-form-item :label-position="labelPosition" label="出版物种类" prop="publishVariety" :label-width="labelWidth" :required="true">
				<u-select model="single-column" :list="publishVarietyList" v-model="publishVarietyShow" @confirm="publishVarietyConfirm"
				 :default-value="publishVarietyDefaultValue"></u-select>
				<u-input :border="border" :placeholder="rules.publishVariety[0].message" v-model="model.publishVarietyName" type="select"
				 :select-open="publishVarietyShow" @click="publishVarietyShow=true"></u-input>
			</u-form-item>
			<u-form-item :label-position="labelPosition" label="阅读方式" prop="readTypeList" :label-width="labelWidth" :required="true">
				<u-checkbox-group shape="square" :width="CheckWidth" :wrap="false" @change="readTyp