Vue组件：需要检查值答案

【问题标题】：Vue component: need the checked valueVue组件：需要检查值
【发布时间】：2020-06-12 06:55:54
【问题描述】：

我已经安装了PrettyCheckbox，它工作正常。但是如果复选框被标记，我需要这个值。请看图片。我可以看到，如果选中该复选框，我的值为真值，否则为假值。但是我怎样才能获得该值

如果复选框未选中，您会在此处看到错误值

当复选框为 CHECKED 时，您可以在此处看到真实值

所以我的问题是，如何在我的 vue 组件中获取值，我试过这个{{m_checked}}，但对我不起作用。

现在可以工作了

我的问题是我无法访问 m_checked，因为它在插件之外被禁止。所以我需要使用 v-model='check' 现在可以了。我已插入v-model="check" 我的代码是这样的

<p-check class="p-svg p-plain p-bigger p-smooth" v-model="check">
      <img slot="extra" class="svg" src="/img/icons/accept.png">
      Interested => {{check}}
</p-check>

价值观

data: function () {
            return {
                check: false
            }
        },

【问题讨论】：

你需要使用v-model:it's well-documented on their VueJS plugin docs。 m_checked 值仅在内部作为组件自己的数据可用，因此您无法从外部访问它。另外...请提供一个最小、具体且可验证的示例。
太棒了。感谢您的帮助：D
我已经更新了这个问题。这就是你试图用“包括一个最小的、具体的和可验证的例子”来表达的意思吗？ @特里
很高兴你现在把它整理好了。

标签： vue.js vue-component

【解决方案1】：

现在开始工作了

我的问题是我无法访问 m_checked，因为它在插件之外被禁止。所以我需要使用 v-model='check' 它现在可以工作了。我已经插入了 v-model="check" 我的代码看起来像这样

<p-check class="p-svg p-plain p-bigger p-smooth" v-model="check">
      <img slot="extra" class="svg" src="/img/icons/accept.png">
      Interested => {{check}}
</p-check>

价值观

data: function () {
            return {
                check: false
            }
        },

【讨论】：