07 2022 档案
摘要:页面需要渲染富文本时遇到了返回的富文本带有class类名v-html无法渲染样式的问题 富文本编辑器使用的是Quill Editor 最终单独引入Quill Editor的预览样式解决问题 引入snow.css,在需要展示的页面中用如下元素包裹即可 <div class="ql-container
阅读全文
摘要:适合登录页面等单独的页面处理浏览器缩放 mounted () { window.onresize = () => { this.$nextTick(() => { const el = document.querySelector('.login-wrapper') el.style.zoom =
阅读全文
摘要:方法1 将state数据映射到组件的computed,然后监听映射的计算属性即可 // vuex中的state数据 state: { count: 0 }, // A组件中映射 state数据到计算属性 computed: { // this.$store.state.count // mapSta
阅读全文
摘要:通过改变order值来改变div的前后顺序,值越低越靠前(沿着主轴方向算,越接近起点),反之亦然,可以设置负值 父元素开启dispaly:flex 子元素order在没有设置的情况下,其默认值为零 <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要:computed计算属性传参 使用闭包函数进行穿参 //根据渲染项的不同渲染不同的列数 <div v-for="(item, index) in formConfig[i.value]" :key="item.key"> <el-col :span="computeSpace(formConfig[
阅读全文
摘要:安装jsencrypt npm i jsencrypt ##生成公钥和私钥 在线生成非对称加密公钥私钥对 封装encrypt.js import setting from '@/settings.js' //setting文件中配置了是否启用加密enable 以及publicKey公钥 import
阅读全文
摘要:##uniapp小程序props传值丢失 uniapp中父组件向子组件传递prop时,如果prop是对象,对象内部不能包含function属性 如果包含function属性则会被忽略掉 主要原因 uniapp props实现采用了JSON.parse(JSON.stringify(ret)),导致t
阅读全文
摘要:最近项目使用jsencrypt对登录密码进行加密 pc正常使用,但是uniapp中使用会导致项目报错 主要原因是jsencrypt中使用了window对象 解决方案是 使用旧版的jsencrypt并对源码进行修改 用旧版是因为新版有其他包的依赖无法抽取为单独的js 在jsencrypt.js文件随便
阅读全文
摘要:function clone(obj) { if (typeof obj == "object") { if (Array.isArray(obj)) { let arr = []; for (let item of obj) { arr.push(Object.assign(clone(item)
阅读全文
摘要:解决固定列后错位的问题 this.$refs.table.doLayout() doLayout 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时,可能需要调用此方法
阅读全文
摘要:监听对象中的属性,我们一般这样写 watch: { 'obj.a' (val, oldVal) { ...your code } } 对于对象中复杂的字符串监听,比如form.zh-CN这种怎么办?如果还用之前的那种监听方式,可能会报下诉错误 Failed watching path: “XXXXX
阅读全文
摘要:字符串的“true“和“false“转换成Bool类型 JSON.parse('true') JSON.parse('false')
阅读全文