vue的el-ui组件input的clearable和readOnly并存
问题看代码
12345<el-input placeholder="点击选择..." clearable></el-input><el-input placeholder="点击选择..." readonly></el-input>
以上代码只能二选一,如何突破限制我都想要呢?
解决方案12<el-input @hook:mounted="updateClearable" ref="showClearable" placeholder="点击选择图标" clearable></el-input>
12345methods: { updateClearable(){ this.$refs.showClearable.$refs.input.readOnly = true; }}
原理具体可分析一下源码:
123456789computed: ...
js不常见对象介绍以及base64图片转为文件
base64转图片的代码base64转图片,之后如何保存为一个文件?用js代码或者在线工具即可搞定js代码如下
12345678910111213141516171819202122232425262728293031323334function dataURLtoBlob(dataurl) { var arr = dataurl.split(','); var mime = arr[0].match(/:(.*?);/)[1]; var bstr = atob(arr[1]);// base64解码 var n = bstr.length; var u8arr = new Uint8Array(n); // 开辟一个无符合n*8个字节的空间,最小操作单位为8位比特bit while (n--) { // base64解码之后,需要将每一位放置uint8array对象中 u8arr[n] = bstr.charCodeAt(n); } return ne ...
js-控制台小工具
可视化编辑html123document.designMode='on' // 全局// 或者document.body.contentEditable=true // 指定标签可修改(灵活性高)
两种效果一样,只不过范围不一样
自动copy觉得手动copy麻烦的话,写一个小脚本,执行即可copy
123456789101112// 获取vallet text = "";// 这段选择器,是我们在confluence 维护的sql代码片段。可改成你自己的选择器$('.code .container div').each((i,e)=>text+= $(e).text() + "\n");// 执行copylet input = document.createElement('textarea');input.value = text;document.body.appendChild(input);input.select();document.execCommand(' ...