openlayers中如何使用svg作为图标，并能够对其变换颜色。 read more
vue数组更新不渲染页面
原因：
由于 JavaScript 的限制，Vue 不能检测以下变动的数组：
- 当你利用索引直接设置一个项时，例如：
vm.items[indexOfItem] = newValue - 当你修改数组的长度时，例如：
vm.items.length = newLength
文件下载js-file-download
我这里是一个pdf文件，在页面按钮点击后希望实现文件下载功能，而不是在页面打开pdf预览
有一个插件很好https://github.com/kennethjiang/js-file-download read more
vue 全局过滤器
我是用vue-cli创建的项目
首先我们创建src/filters/index.vue，用于存放filter方法 read more
vue中v-html的内容替换和事件绑定
我们现在要处理一种情况，后台输出了一些html数据，但是希望将audio默认的标签，换成一个喇叭图片，类似百度翻译的发音图标。并能够播放音频
vue国际化多语言
使用的vue2 + element ui + i18n来实现的国际化 read more
vue2升级到vue3，vuex调整
原来写法：vuex3版本 read more
vue-element-ui使用嵌套drawer时audio会出现收缩
我在使用vue-element-ui中的drawer组件中，使用嵌套方式，子drawer里面放入audio音频文件，音频文件会出现收缩现象。
解决方法：
我使用的方式是，在打开动画完成后，重新给audio的src数据赋值。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<el-drawer title="历史记录" :visible.sync="currenthistory" direction="rtl" size="300" > <el-table :data="tableData" @row-click="handleCurrentChange"> <el-table-column property="result" label=" 结果" width="100" ></el-table-column> <el-table-column property="create_time" label="日期" width="200" ></el-table-column> </el-table> <el-drawer title="" :append-to-body="true" :before-close="handleClose" :visible.sync="innerDrawer" @opened = "onloaddata" > <audio ref="audio" controls controlsList="nodownload" :src="currentrow.file_url" ></audio> |
我们要使用drawer的opened事件，也就是Drawer 打开动画结束时调用下面方法，重新加载数据。
|
1 2 3 |
onloaddata(){ this.currentrow = this.tempcurrentrow } |
当数据重新加载后，第一次渲染出现的个别audio收缩现象解决。
vue实现条件判断动态绑定样式的方法
<el-tag type="success">绿色标签</el-tag><el-tag type="info">灰色标签</el-tag>写函数也好，还是直接三元表达式都行
|
1 2 3 |
<el-tag size="medium" :type="scope.row.is_multiple === '否' ? 'info' : 'success'" >{{ scope.row.is_multiple }} </el-tag> |
vue 多个变量赋相同值互相影响
解决：
1.this.billItemLIsts = JSON.parse( JSON.stringify(this.billItemLIstsOriginal) );
2.或使用 ES6 的解析语法 this.billItemLIsts = { …this.billItemLIstsOriginal }