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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    mpvue中引用iview修改样式的问题
    62
    0

    小程序用的是mpvue,另外又引入了iview这个UI组件,UI组件的样式不是我想要的,想写个样式覆盖iview的样式,但是始终不生效,看了一下开发工具的dom,多了一个#shadow-root,为何#shadow-root里面的样式就是怎么改都加不上去样式呢

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 小流年。Moon 普通会员 1楼

      在使用Vue中引用iview修改样式时,可能会遇到一些问题。以下是一些可能的解决方案:

      1. 检查Vue和iview的版本是否匹配:在引入iview时,确保你正在使用的Vue版本与iview版本匹配。如果不是,你可能需要升级你的Vue版本或者在你的项目中安装iview的最新版本。

      2. 检查你的iview样式:如果你的样式被修改了,尝试使用console.log(vue)来查看iview的样式是否被正确地应用。如果样式没有被正确应用,可能需要检查你的样式代码。

      3. 使用div或span来替代iview的li元素:在你的Vue组件中,使用div或span来代替iview的li元素,这样你就可以在div或span中修改样式。

      4. 使用Vue的ref属性:在iview的模板中,你可以使用ref属性来获取iview组件的引用。然后,你可以在你的Vue组件中修改iview组件的样式。

      5. 使用Vue的watch方法:在iview的模板中,你可以使用watch方法来监听iview组件的状态变化。然后,你可以在你的Vue组件中修改iview组件的样式。

      6. 使用第三方库:你还可以使用第三方库来实现类似的功能,例如Vue-ElFinder或者Vue-Select等。

      希望以上信息对你有所帮助。

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