Vue中使用DPlayer播放Hls(m3u8)视频
H5中有很多播放器可以使用,比如DPlayer、Video.js,这里不是去做播放器之间的对比,而是基于DPlayer,总结一下在Vue中如何使用,以及相关的一些关键点,比如播放Hls(m3u8)视频,以及播放成功和失败的事件监听。
H5中有很多播放器可以使用,比如DPlayer、Video.js,这里不是去做播放器之间的对比,而是基于DPlayer,总结一下在Vue中如何使用,以及相关的一些关键点,比如播放Hls(m3u8)视频,以及播放成功和失败的事件监听。
在Vue中使用iView UI的Input控件时,在type="numebr"并输入小数的时候,会提示“请输入有效值。两个最接近的有效值分别为a和b”的问题,其中a和b是所输入小数的上下两个整数。有一些提到的方法是使用step控制,但针对iView的Input无效。如果是使用iView来解决,那么可以通过换成InputNumber控件来解决问题。
在Vue中使用iView UI的Select控件时,发现chrome的console一直出现Missing required prop的报错,还是Vue的在v-model的使用不太熟悉,需要利用数据绑定解决问题。
Vue中Javascript与服务端的异步数据交互,都是推荐使用axios库,而不是之前使用jQuery中的ajax方式。的确axios在使用起来也是非常方便,而在Vue中使用jQuery还需要增加一系列配置,总体jQuery与Vue不是非常契合。这里总结一下Vue中使用axios的基本用法。
使用Vue时会经常使用jQuery、bootstrap这类第三方工具库,而boostrap的渲染不仅依赖于jQuery js文件的加载,也依赖于HTML中DOM树内容的加载。但Vue中DOM树是有Vue的app.js动态生成,因此js文件的引用顺序关系boostrap是否能够渲染成功。