相关疑难解决方法(0)

我正在使用 Vue 2.6.9 和新的 v-slot 语法。我想访问与插槽内的 v-model 交互。问题在于，在槽内显示数据可以，但使用 v-model 则不行。这是我的代码：

Vue.component('base-test', {
  template: `
  <div>
    <slot :foo="foo" :foo2="foo2"></slot>
  </div>
  `,
  data(){
    return{
      foo: 'Bar',
      foo2: 'Bar 2'
    }
  }
});


// Mount
new Vue({
  el: '#app'
});

<div id="app">
  <base-test v-slot="sp">
    <div>foo2 is {{ sp.foo2 }}</div>
    <input type="text" v-model="sp.foo">
    <div>foo is {{ sp.foo }}</div>
  </base-test>
</div>

代码笔

我的问题是如何与插槽内的组件数据进行交互。

我发现了这句话:

"在对象列表中使用foreach时,迭代对象实例不可编辑,但对象属性是可编辑的"

有人可以用一个简单的例子来演示上面的内容吗？

让我重新说一句(因为我发现两个版本的声明),也许这句话更清楚:

"在元素列表中使用foreach时,提供元素的迭代变量是只读的,但元素属性是可编辑的 "