代码如:
{{item.title}}
export default {
data() {
return {
traineeCoursework: {},
questionsArr: []
}
}
}
预想效果, 在input中修改item.title的值, 下面的{{item.title}}会跟着变动, 但是无效
原因: 模板中遍历的属性不在data中, 遍历的是data中的traineeCoursework的某个属性, 这样不会双向绑定的, 所以把traineeCoursework.questions赋给data中的questionsArr, 就可以解决了
改为
自省: 还是不懂vue的原理, 应该抽时间学习一下vue的源码