Vue
龙井茶奇遇
这个作者很懒,什么都没留下…
展开
-
video元素play函数执行后出现白屏
一开始以为是视频流的问题,但是后面发现是dom元素获取的问题,最初用的getElementById来获取元素,后面还是用ref才能精准获取到。navigator.mediaDevices.getUserMedia(constraints)//视频流原因:很可能是因为,子应用下多个tab页面都引入了视频组件,都是一个id,导致getElementById获取到的并不是实际的dom元素。解决方法:ref引入就行了bug如下,获取不到dom元素...原创 2021-12-02 11:45:52 · 1097 阅读 · 0 评论 -
el-table复选框实现分页记忆
el-table 结合 el-pagination 实现分页后默认是没有复选框记忆功能的,想到采用Map数据结构来存储所选选项。但是vue响应数据是不支持的,Map与Set里面的元素变化时Vue追踪不到这些变化,因此无法做出响应。解决方法是将Map可序列化,写在computed中实现响应式。 data () { return {myMap:new Map(), } }, methods:{ selectMemoriedDataFn () { // 分页记忆自动选中方..原创 2021-06-06 21:13:30 · 1113 阅读 · 1 评论 -
element-ui表单单元格内容换行+文本省略
<el-table-column :show-overflow-tooltip="true" v-if="this.tableData[0]&&this.tableData[0].hasOwnProperty('groupName')"> <template slot-scope="scope"> <p v-if="scope.row.extOutput.storeName" class="tooltip.原创 2021-01-20 14:56:18 · 2220 阅读 · 0 评论 -
vue+element 动态设置select禁用选项
现在有一个select选择器A,当里面的选项为一个特定选项时,此时选择器B为可选状态,否则就是禁用状态。首先官网告诉我们,可以通过设置disabled属性来实现。具体看一下代码://选择器A <el-select v-model="listQuery.orderType" filterable placeholder="选择器A" @change="handleChange原创 2021-01-04 14:24:56 · 11861 阅读 · 2 评论 -
Vue之跨域调用网易云音乐API及QQ音乐API
今天在做项目的时候,发现调用QQ音乐轮播图的API一直失败由于网易云服务器接口返回的数据类型并不是jsonp,是json,造成由于格式问题的报错。json是一种格式,jsonp是一种请求跨域资源的方式。2、浏览器拦截跨域请求处理方法(已阻止跨源请求:同源策略禁止读取远程资源)转存失败重新上传取消转存失败重新上传取消转存失败重新上传取消解决方法:在被请求的程序中添加HTTP头,即CORS跨域(跨域资源共享,Cross-Origin Resource Sharing)// 直...原创 2020-06-05 19:57:25 · 2904 阅读 · 4 评论 -
记Vue踩坑
1、报错信息:npm run servenpm ERR! missing script: servenpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Rian\AppData\Roaming\npm-cache\_logs\2020-01-21T10_34_05_5...原创 2020-02-12 17:38:05 · 2929 阅读 · 0 评论