账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue3怎么监听props来改变dom的样式？
    40
    0
    需求是传props时使用props设置css样式height，没传props时用children的offsetHeight设置css样式height。这样子搞报错找不到style属性watchEffect(() => { if (props.height) { wrap.value.style.height = props.height wrap.value.children[0].style.overflow = 'hidden' wrap.value.children[0].style.height = props.height } else { wrap.value.style.height = contentHeight.value + 'px' wrap.value.children[0].style.overflow = 'hidden' wrap.value.children[0].style.height = contentHeight.value +'px' } })
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 是我太轻敌了 普通会员 1楼

      在Vue3中，你可以使用v-bind和v-on钩子来监听props的变化。以下是一个简单的例子：

      ```html

      ```

      在这个例子中，当你点击Update Prop 1或Update Prop 2按钮时，updateProp1和updateProp2方法会被调用。这两个方法都会改变prop1和prop2的值，然后触发v-model的更新。这样，你就可以在组件的样式中使用这些值来改变DOM的样式了。

    0 打赏 回复
    • ゛柠檬加醋 普通会员 2楼

      在Vue3中，你可以使用v-bind和v-on钩子来监听props的变化。以下是一个简单的例子：

      ```html

      ```

      在这个例子中，当你点击Update Prop 1或Update Prop 2按钮时，updateProp1和updateProp2方法会被调用。这两个方法都会改变prop1和prop2的值，然后触发v-model的更新。这样，你就可以在组件的样式中使用这些值来改变DOM的样式了。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部