本站预计于2024年11月11日下线。
服务器到期,存活了近8年的站点要下线了。
太多的回忆太多的话语无以言表,只能淡然的对大家说一句:江湖再见。
JS - el-table - :row-key
getRowKey(row) {
/** 检查row.id是否有重复的缓存对象 */
if (!this.checkRepeatObj) {
this.checkRepeatObj = {}
}
if (row) {
if (row.id) {
if (this.checkRepeatObj[row.id]) {
if (!row._secondId) {
row._secondId = Math.random() + ''
}
/** 方便根据key重用元素 */
return row._secondId
} else {
this.checkRepeatObj[row.id] = 1
return row.id
}
}
console.log('row.id为空')
if (!row._secondId) {
row._secondId = Math.random() + ''
}
return row._secondId
} else {
console.log('row为空')
return Math.random() + ''
}
}
CSS - div 背景有透明度但文字不透明
/*background: #26272d;*/
background-color: rgba(38, 39, 45, 0.7);
position: relative;
/*opacity: 0.7;*/
filter: Alpha(opacity=70);
JS - 禁用 底部 的后退功能
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL)
})
前端使用 苹方字体 附录字体下载
@font-face {
font-family: 'pingFangSC-Regular';
src: url('../font/PingFang.ttf');
font-weight: normal;
font-style: normal;
}
* {
font-family: 'pingFangSC-Regular';
}
基于 el-tree 的本地搜索时显示子级 组件
html
<zc-tree v-model="addFormData.empData"
:isExpand="true"
:isFilter="true"
:searchName="'name'"
:nodeKey="nodeKey"
:Selecteds="addFormData.empData"
ref="treeData"
:options="empTreeData"
:props="propsData"></zc-tree>
vue-router 新窗口打开页面
const { href } = this.$router.resolve({
name: 'user',
query: {}
})
window.open(href, '_blank')