04 2024 档案
摘要：参考： https://juejin.cn/post/7358446362575355914 <template> 请选择： <a-select v-model:value="keyValue" allowClear mode="SECRET_COMBOBOX_MODE_DO_NOT_USE" sh
阅读全文
摘要：document.addEventListener("visibilitychange", function() { if (document.visibilityState 'visible') { // 当前页签处于活跃状态 console.log('当前页签处于活跃状态'); } else {
阅读全文
摘要：<span class="role-name role-count-info"> {{ roleCountInfo }} <div class="all-roleName-box"> <li v-for="(roleName, index) in roleListNames" :key="index
阅读全文
摘要：放大图片组件 img-preview.vue <template> <div class="preview" @click="onClick" @keydown="onKeydown"> <div class="preview-img" > <img :src="src" alt /> </div>
阅读全文
摘要：const imgRegEx = /<img.*?>/gi; const handleChange = (editor) => { console.log('change:', editor.getHtml()) const richText = valueHtml.value valueHtml.
阅读全文
摘要：body{ filter: grayscale(1); } //或者 html.gray-mode { filter: grayscale(.95); -webkit-filter: grayscale(.95); } 其他 blur 模糊-webkit-filter:blur(2px); brig
阅读全文
摘要：border有个border-image的属性，类似background也有个background-image一样,通过为其设置渐变颜色后，实现的渐变，后面的数字4为x方向偏移量 .border-grident{ margin-top: 20px; width: 200px; height: 200
阅读全文
摘要：useModal.js import { nextTick, ref } from 'vue' import {isFunction} from "lodash-es"; export function useModal() { const visible = ref(false) const lo
阅读全文
摘要：watch(() => props.record, () => { if (props?.record) { let recordData = props?.record console.log('output-> recordData', recordData) // 2 - 待反馈 if (re
阅读全文
摘要：效果图 核心代码 <a-cascader @change="handleModule" :fieldNames="{label: 'moduleName', value: 'moduleId' , children: 'moduleVoList'}" :options="moduleTypeArrs
阅读全文
摘要：参考连接 https://www.wangeditor.com/v5/for-frame.html#使用-1 效果图 相关依赖 <template> <div> <div style="border: 1px solid #ccc; margin-top: 10px"> <Toolbar :edit
阅读全文
