论程序员的自我修养的博客

效果展示： 代码如下： <template> <div class="main"> <div class="aaa" :class="{active:index==isActive}" v-for="(item, index) in contentlist" @click="showdifference(index)" :key="index"> {{item.key}}

开发时遇到这样一个需求，子组件为一个富文本编辑器，我要在父组件中给富文本编辑器传入内容，这个通过props传值来实现，但是props传值为单向传递，即在子组件中修改了富文本中的内容后，父组件中的值并不会相应发生变化，此时需要进行父子组件的双向数据绑定。解决方案为使用sync修饰符及监听事件。具体实现如下： 父组件代码： html: <froalaEditor :articlecontent.sync="item.froalacontent"/> 子组件代码： html: &l..