Vue获取分发内容的宽度
来源:互联网 发布:飞科剃须刀怎么样 知乎 编辑:程序博客网 时间:2024/05/22 05:00
Vue在需要获取分发内容的宽度(内容不换行的情况下)
子组件有默认的内容(即在父组件没有分发内容时也会有内容)例:
<span id="detial"> <slot>这里是子组件默认内容</slot></span>
<father> <son>父组件分发到子组件的内容</son></father>直接在子组件mounted函数中获取时获取不到detial正确的值:
document.getElementById("detial").offsetWidth此时的offsetWidth为父组件分发内容到子组件之前子组件渲染的内容的宽
若获取父组件分发内容到子组件渲染后的宽度值
this.$nextTick(function(){document.getElementById("detial").offsetWidth;})
即在渲染完成之后再获取分发槽内容宽度,,此时是正确的宽度
阅读全文
0 0
- Vue获取分发内容的宽度
- 理解VUE的slot内容分发
- vue slot内容分发
- vue slot 内容分发
- Vue 插槽分发内容
- Vue之slot内容分发
- vue 使用Slot 分发内容
- Vue之slot分发内容
- vue使用插槽分发内容slot的用法
- Android 获取WebView的内容宽度高度
- Android:轻松获取WebView的内容宽度
- vue获取dom元素的内容
- 获取字符串内容的宽度,label.text的宽度,以及textField.text的宽度问题
- vue组件——slot分发内容
- vue之组件 slot内容分发
- 获取手机屏幕、屏幕内容的高度和宽度
- Vue.js-----轻量高效的MVVM框架(使用slot分发内容)
- Vue.js-----轻量高效的MVVM框架(使用slot分发内容)
- centos7下hadoop环境搭建
- 674. Longest Continuous Increasing Subsequence
- vmware workstation 14 密钥
- 杭电oj 大鱼吃小鱼
- Apache2.4.23本地访问正常但局域网无法访问 httpd.conf设置
- Vue获取分发内容的宽度
- 机器学习理论篇之CNN 卷积神经网络
- CSS cursor 属性
- 各种jdbc驱动下载
- OpenCV图像处理动态库的生成与jni调用
- 矩阵论学习
- 23.笔记 MySQL学习——NDB存储引擎
- [arc067f]Yakiniku Restaurants
- 凡事预则立不预则废