账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于用 v-bind 来动态地将 prop 绑定到父组件的数据,下面代码总是不能动态显示数据?求指导
    42
    0
    <div id="example">
        <input v-model="parentMsg">
        <br>
        <child :myMessage="parentMsg"></child>
    </div>
    <script>
        new Vue({
            el:'#example',
            data:{
                parentMsg:''
            },
            components:{
                'child':{
                    template:'<div>{{myMessage}}</div>',
                    prop:['myMessage'],
                    data() {
                        return {
                            myMessage:''
                        }
                    }
                }
            }
        })
    </script>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 大王别跑 普通会员 1楼

      你的代码逻辑没有问题,但可能导致你无法动态显示数据的原因可能有以下几点:

      1. v-bind 和 v-for 交互问题:v-for 标签用于遍历数据的子组件,如果你在 v-bind 里使用了 v-for,那么这个值只能在同一个循环里显示一次。如果你在 v-bind 里使用了 v-bind:prop,那么这个值将出现在每个子组件的 prop 属性里,这样就可以动态地显示数据。

      2. v-model 交互问题:v-model 是 Vue.js 的一个绑定机制,用于实时更新父组件的数据。如果你在 v-model 里使用了 v-bind:prop,那么这个值将实时地更新每个子组件的 prop 属性里。

      3. 数据更新时机问题:如果数据没有发生变化,那么 v-bind 也会保持不变,无法动态显示数据。你需要在数据发生变化时手动更新 v-bind:prop 的值。

      如果你能提供更多的信息,例如你是在使用什么框架(如 Vue.js、React.js、Angular.js 等),那么我可能能更好地帮助你。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部