问题描述:父组件theme改变,codemirror主题只能刷新后变化,监听事件未添加。
解决思路:
- 查看父组件子组件值传递有没有问题
- 传值没问0题的前提下,监听事件的添加
- 改变codemirror组件的theme(关键点:操作是组件的option修改,需要有setOption(‘属性名’:‘属性值’))
代码输出:
props: {
theme: {
type: String,
default: "",
}
},
watch: {
'theme': {
deep: true,
handler: function(newVal) {
this.editor.setOption('theme', newVal)
}
}
},