[Vue warn]: Property or method “tableData” 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

最近我用的vue项目启用了严格模式，下面记录下严格模式下自己代码的不规范导致的报的警告
在这里插入图片描述
这个是在view用到的字段但是在data里面没有事先去声明这个字段导致的报警告，

[Vue warn]: Missing required prop: “value”

found in

在这里插入图片描述
意思是说数据没有绑定，页面缺少value值。应该v-model进行数据绑定。
应该要这样
在这里插入图片描述

[Vue warn]: Invalid prop: type check failed for prop “disabled”. Expected Boolean, got Number with value 1.

在这里插入图片描述
这个就是类型不匹配，虽然判断用的v-if=“0” 和1 也能，但在严格模式下就会报警告的，
在这里插入图片描述
可以加!!双冒号转换成布尔值，切记前端规范，声明对应的类型就要匹配对应的类型，不要随意
目前就暂时发现这几个，后续再发现再更新下

# html5 # node.js # es6
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue