醉逍遥 回答了问题 · 1月14日

解决vue 3.0 子组件使用了 teleport 标签，父组件使用 deep 样式穿透不生效

自问自答吧，封装个disabled属性差不多就够用了

关注 1 回答 1

醉逍遥 提出了问题 · 1月8日

解决vue 3.0 子组件使用了 teleport 标签，父组件使用 deep 样式穿透不生效

<template>
  <teleport to="body">
    <div>
      <h4>示例</h4>
    </div>
  </teleport>
</template>

<style lang="less" scoped>
:deep(h4) {
  color: red !important;
}
</style>

子组件： {代码...} 父组件： {代码...} 组件封装过程中突然发现的这个问题，请问有什么比较好的解决方法？具体场景：子组件是弹窗基础公共组件，所以封装使用了teleport标签，默认to指向body，在父组件引用时有时会有微调内部样式的需求。

关注 1 回答 1

醉逍遥 提出了问题 · 1月8日

解决vue 3.0 子组件使用了 teleport 标签，父组件使用 deep 样式穿透不生效

<template>
  <teleport to="body">
    <div>
      <h4>示例</h4>
    </div>
  </teleport>
</template>

<style lang="less" scoped>
:deep(h4) {
  color: red !important;
}
</style>

子组件： {代码...} 父组件： {代码...} 组件封装过程中突然发现的这个问题，请问有什么比较好的解决方法？具体场景：子组件是弹窗基础公共组件，所以封装使用了teleport标签，默认to指向body，在父组件引用时有时会有微调内部样式的需求。

关注 1 回答 1

醉逍遥 回答了问题 · 1月5日

H5混合开发头部导航的问题

各有利弊吧，用h5的就是完全h5自己控制，最大的优势就是头部可定制性高，特别是导航头右边可能会有各种定制需求，最大的缺点就是导航头离顶部的间距不好处理，得考虑刘海屏的显示效果，用app的，最大的优势就是用户体验好，包括顶部间距自适应，不会完全白屏等等，但...

关注 3 回答 3

醉逍遥 赞了文章 · 2020-12-24

Vant 3.0 正式发布：全面拥抱 Vue 3

赞 15 收藏 5 评论 3

醉逍遥 回答了问题 · 2020-12-24

使用axios报错 Request failed with status code 404

404就是你请求的实际接口地址在后端找不到。需要提供很多信息才能判断具体原因，比如是本地开发还是打包部署后的、你的process.env.VUE_APP_BASE_API值是什么、本地代理怎么配置的、后端完整的接口地址是什么

关注 2 回答 2

醉逍遥 回答了问题 · 2020-12-24

解决vue+ts+element-plus 父组件调用子组件，子组件为el-dialog。无法弹出子组件？

const show = ref(false)

show.value = true

主要原因是你setup里定义的变量show没有添加响应式。需要把初始值用ref包裹才能使变量被vue的响应式监听到： {代码...} 然后改变变量值的时候需要使用show.value： {代码...}

关注 1 回答 1

醉逍遥 赞了回答 · 2020-12-24

element 过滤输入的scripit标签

只找你有用到 v-html 或是富文本编辑器的地方改就可以了，其他的地方 Vue 已经帮你处理过了。另外 XSS 是一个前后端配合的活儿，后端入库时也应该处理。

关注 5 回答 5

醉逍遥 回答了问题 · 2020-12-24

解决vue-element 如何实现切换分页表格滚动条置顶功能?

这种需求不应该用自定义指令，应该考虑在特定的events事件里手动触发，必要时可以配合$nextTick。

关注 3 回答 3

醉逍遥 赞了回答 · 2020-12-23

解决请问对象有什么遍历方法？

let obj = {a:12,b:32};
Object.keys(obj).map(k => {
    console.log(k);     // a,b
    console.log(obj[k]);    // 12,32
})

{代码...}

关注 4 回答 3