pikaChou 2019-10-21 19:47 采纳率: 0%
浏览 660

vue 如何动态绑定less的深度作用选择器？

众所周知，使用/deep/ 可以更改子组件的样式，使用:style可以绑定样式。
我想根据页面的宽度，动态更改子组件（npm 引用的组件）的样式，应该怎么做？

  • 写回答

1条回答 默认 最新

  • 阿乐今天敲代码没 2023-04-23 16:58
    关注

    或许可以使用媒体查询

    img

    评论

报告相同问题？

  • 前端开发基于Vue.js的View Design组件库应用：UI组件集成与前端效率提升系统设计
    2025-09-03 19:53
    通过详细讲解按钮、输入框、选择器、表格、树形控件、对话框等组件的用法，并结合代码示例演示其属性、事件和数据绑定机制，帮助开发者快速上手。同时，文章还介绍了如何通过 LESS 变量进行主题定制，解决样式冲突与...
  • 基于Vue框架的稿件管理系统前端设计源码
    2025-02-07 23:01
    其中，Vue.js作为一种轻量级的前端框架，因其响应式数据绑定和组件化的设计理念受到了广泛的应用和好评。Vue框架的稿件管理系统前端设计源码项目，就是一个典型的将Vue.js功能发挥到极致的应用实例。 该项目共计...
  • Vue3颜色选择器（ColorPicker）
    2025-01-16 10:39
    theMuseCatcher的博客 用于选择和展示颜色的颜色选择器组件，支持：自定义展示内容；自定义面板样式；不透明度；颜色预览块；三种尺寸；禁用；设定模式；预设色板；显示按钮；额外页脚；使用按钮控制面板；自定义主题色等；总之，功能丰富...
  • Vue之-------css深度作用选择器 ＞＞＞ 、/deep/ 、::v-deep
    2020-10-27 18:33
    一月清辉的博客 css深度作用选择器的作用 如果使用了scoped后,无法修改第三方UI组件库组件的样式， 这里可以使用css深度作用选择器，以作样式修改。 例：vue项目中，经常需要使用如elementUI等组件库，有些样式直接在组件中修改无效...
  • 前端面试题js，html，css，vue
    2023-12-28 16:11
    important > 内联样式 > ID选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承 > 默认样式。 6. **清除浮动影响**：通过清除浮动（clear: both）、伪元素（`:after`）或者创建BFC来防止因浮动元素导致的父级...
  • Vue3日期选择器（DatePicker）
    2023-04-04 15:38
    theMuseCatcher的博客 日期时间范围选择器；预设范围；自定义最长日期可选择范围；时分选择器；时分秒选择器；时分秒范围选择器；周选择器；月选择器；年选择器；自定义主题色等；总之，功能非常全面，交互非常丝滑，强烈推荐！
  • 一个基于Vue2x的简单日期选择器组件
    2019-08-08 05:50
    - **v-bind**：动态绑定属性，例如绑定日期选择器的初始值。 - **v-show/v-if**：根据条件显示或隐藏部分UI元素，如隐藏/显示日历面板。 8. **组件封装与重用** - **props配置**：定义组件接收的外部参数，如...
  • vue管理系统框架源码，快速搭建前端管理系统
    2023-02-19 22:22
    5. **计算属性与侦听器**：计算属性用于根据其他数据动态计算值，而侦听器则允许监听数据变化并执行相应操作。 二、快速搭建前端管理系统 1. **环境准备**：首先确保安装Node.js和Vue CLI。Vue CLI是一个命令行...
  • Vue中的class和style绑定
    2024-09-26 17:46
    DTcode7的博客 在构建动态Web应用程序的过程中，Vue.js 提供了多种方式来绑定元素的 class 和 style，使开发者可以更加灵活地控制页面样式的变化。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也...
  • 前端面试JavaScript,Css,Vue,React,工程化,Typescript手写题
    2023-10-09 07:33
    1. 选择器：了解ID、类、属性、伪类等选择器的使用。 2. 盒模型：理解边距、内边距、边框和盒模型的差异。 3. 布局：流体布局、Flexbox和Grid布局的应用。 4. 变换、过渡和动画：改变元素状态、创建平滑效果。 5. ...
  • 没有解决我的问题, 去提问