- 博客(44)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 CSS+JS表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: black; } #watch .frame-face { position: relative; width: 30em; height: 30em;
2022-05-11 14:08:11
183
原创 gitee关联
gitee全局设置：git config --global user.name “蒋其新”;git config --global user.email “[email protected]”;创建 git 仓库：mkdir 测试cd 测试git inittouch README.mdgit add README.mdgit commit -m “first commit”;git remote add origin https://gitee.com/kuyuan-network.
2022-05-11 10:15:04
178
原创 el-cascader获取选中node
效果基本如图template<el-cascader :ref="'cascaderAddr'+index" :options="options" :props="{ multiple: true,label:'name',value:'id' }" collapse-tags clearable @change="getval($event,index)" @active-item-change="handleItemChange"> <template slot-s
2022-04-19 15:19:23
2176
原创 js获取字符串首字母
大佬封装的：https://github.com/xukeler/chinesePY直接下载使用比如我用了其中的.GetHP(str)方法
2022-03-28 16:23:35
1031
原创 el-table合计
//表格合计 getSummaries2(param) { const { columns, data } = param; const sums = []; columns.forEach((column, index) => { if (index == 0) { sums[index] = '合计'; return; } const
2022-03-23 16:24:58
1468
原创 vue cdn实现el-image默认预览效果
网上基本上都是import引入el-image-viewer这个隐藏小组件但是现在是在原来非vue项目里要用到这个预览功能尝试了半天，cdn也没办法引入这个组件。然后看到有分析这个组件源码，点击img，是执行了clickHandler方法。且判断依据是showViewer= !0的时候，将这一句改为：showViewer: !0效果实现。如果有机会，我还是想知道如何cdn引入按需这个小组件的…...
2022-03-15 15:22:43
1638
3
原创 js非下标截取字符串
let name="2021年度xxx（第一题）"name=name.substring(0,name.lastIndexOf("("));//2021年度xxxname=name.substring(name.lastIndexOf("("));//（第一题）
2022-02-28 10:14:24
176
原创 d2-admin动态菜单权限（登陆后）
系统本身是在main.js调用菜单后，进入项目即刻加载的，而这里动态获取菜单的方法是在登陆成功验证后再调用。这就导致未登录情况下，侧边菜单是[]空的。登陆后再次调用这个方法，菜单就有了。但是不会渲染。那就去显示菜单的地方，把动态菜单值赋值进去。把mian.js中import { menuAside } from ‘@/menu’import store from ‘@/store/index’this.$store.commit(‘d2admin/menu/asideSet’, menuAs.
2022-02-09 11:12:58
2408
3
原创 ＜style lang=“scss“ scoped＞对elementui内置的类名无效
<el-descriptions class="desc"> <el-descriptions-item label="审核状态"> <span v-if="basicValue.status<=1">未完成</span> <span v-if="basicValue.status === 2">待审核</span> <span v-if="basicValue.status
2022-01-13 13:42:13
1763
原创 vue打包到服务器后，静态资源路径报错
报错路径为：http:域名/css/xx.css实际上应该是：http:域名/dist/css/xx/css办法：publicPath的值确保为：publicPath: ‘./’ps：config.js或者vue.config.js文件内，根据实际情况来，还是找不到就编辑器全局搜索publicPath...
2021-12-31 11:59:49
818
原创 el-table自适应条数高度
<el-table :data="sontableData" :height="tableData"><script>export default { data(){ return{ tableData:[] } }, mounted:function(){ this.$nextTick(function () { this.tableHeight = window.innerHeight - this.$refs.tabl
2021-12-15 16:40:37
1364
原创 el-tabs ，header固定+main取消滚动条
>>>.el-tabs--card { height: calc(100vh - 110px);}>>>.el-tab-pane { height: calc(100vh - 110px); overflow-y: auto;}>>>::-webkit-scrollbar { width: 0 !important; }>>> ::-webkit-scrollbar { width: 0 !impor
2021-12-14 10:49:34
2166
1
原创 Pulling is not possible because you have unmerged files.
git add .git commit -m ‘’git pull
2021-12-13 09:24:07
367
原创 el-tab重复使用封装的echarts图表
情况：每个tab都有一组图表，我是嵌套的tab去展示外层tab的对应图表组，于是封装好一组图表，再每个tab传值给图表出现的问题，只能显示第一组，后面的tab的canvas都创建不了，只有一个空divel-tabs的切换本质上是v-show，因为图表已经创建了，所以会发生这样的情况解决：在最外层tab用v-if模拟一个图表销毁，切换到第二个图表的时候重新加载一次并赋值问题解决 <el-tabs v-model="activeName"> <el-tab-pane lab
2021-12-10 17:59:06
466
原创 循环el-color-picker修改echarts饼图配色
一、需求：选项值及数量从后台取值，一个选项对应一个颜色选择器。图例选项【男，女】。二、实现：1、html：<template> <div> <div class="pic_content" id="pie"></div> <div> <el-button>下载</el-button> <el-button>数值</el-button> &l
2021-12-09 15:53:54
919
原创 el-elementui循环表头及数据
html:<el-table border resizable :data="tableData"> <el-table-column :label="item.label" :key="index" v-for="(item,index) in headArr" :prop="item.prop"></el-table-column></el-table>script://表头<script> export default {
2021-12-08 16:41:36
1702
原创 vue get post请求封装体
//postexport function getAnswerDataList(data){ return request({ url:'/web_answer/getAnswerDataList', method:'get', params:data })};//getexport function processeal(data){ return request({ url:'/web_appeal/processeal', method:'p
2021-11-23 17:11:45
685
原创 js截取字符串
point: "2021/11/08(11时47分),2021/11/08(23时35分),2021/11/09(11时23分),2021/11/09(23时11分),2021/11/10(10时58分),2021/11/10(22时46分),2021/11/11(10时34分)"转换成实现：_this.point=res.data.point.split(',');.split(’’)
2021-11-11 10:39:49
556
原创 el-table单选
<el-table :data="ques_list" tooltip-effect="dark" border resizable :stripe="true" @row-click = "checkRow"> <el-table-column label="选择" width="100"> <template slot-scope="scope"> <el-radio v-model="radio" :label="
2021-10-28 13:59:59
90
原创 vue+wangEditor无效的节点选择器
<template> <div> <div id="div1" style="width:100%;height:200px;"></div> </div></template><script>import E from "wangeditor";export default { data(){ return{ editor:null, } }, mounted
2021-10-26 16:34:25
3956
9
原创 vue+ele启用停用
//停用/启用 change_status(row,index) { let _this=this; console.log(row); let obj={}; if(row.status==0){ obj={ uid:1, id:row.id, project_id:row.project_id, title:row..
2021-10-26 11:54:32
331
原创 华为云上传单个文件
创建obs.js/** * 上传单个文件 * * @param sourceFile 文件资源 * @param filePath 华为云obs存储路径和名字 */export function singleFileUpload(sourceFile, filePath) { return new Promise((resolve, reject) => { getObsClient().putObject({ Bucket: obsCon
2021-10-22 09:51:21
178
原创 bus.$emit+bus.$on赋值成功取值失败
一、新建bus.jsimport Vue from 'vue'export default new Vue();二、A页面传值<script>import bus from '../../../static/js/bus';export default { data(){ return{} }, methods:{ click(row,index){ setTimeout(()=>{ bus.$emit('channel_id',
2021-10-21 11:14:14
1417
12
原创 el-form-item动态验证规则
<el-form> <el-form-item label="培训测评" prop="isEvaluation"> <el-radio-group v-model="form2.isEvaluation"> <el-radio :label="1">是</el-radio> <el-radio :label="2">否</el-radio>
2021-10-18 15:26:53
763
1
原创 el-form验证el-upload和ul数组
<el-form :model="form" :rules="rules" ref="form" label-width="100px"> <el-form-item label="培训封面" prop="img"> <el-upload v-model="form.img" class="upload-demo" action="https://jsonplacehold
2021-10-15 18:02:50
216
原创 echarts饼图+仪表盘设置
饼图legend文字颜色： legend: { orient: 'horizontal', left: "10%", top: 'bottom', width: '80%', textStyle: { color:'white'//设置文字颜色 }, data: ['网络调查', '巡检', '神秘顾客', '座谈会', '面访执行'] },仪表盘内边距： series: [{ center: [
2021-10-11 14:20:41
566
原创 vue+elementui 查询条件展开/收起
<span @click="changeadvanced">{{ advanced ? "收起" : "展开" }}</span><i :class="advanced ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" /><div style="display: flex" class="range" v-show="advanced"> <el-input v-model="distance" place
2021-10-08 09:35:42
2178
原创 elementui——el-input取消边框
<el-form :model="form" status-icon ref="form" class="demo-ruleForm"> <el-form-item label="报备内容"> <el-input type="password" autocomplete="off"></el-input> </el-form-item></el-form> .demo-ruleForm
2021-09-29 15:36:23
6996
原创 vue孙子级调用父组件方法并传值
一、祖父组件export default { data(){ return{} }, methods{ addTab(){ console.log("调用成功") } }, provide(){ return{ addTab:this.addTab } }, }二、孙子组件export default { //name:"appeal", inject:['addTab'], data()
2021-09-29 15:04:59
1713
原创 vue+el-menu递归导致$emit失效
一、父组件<el-menu class="el-menu-vertical-demo"> <menu-tree :menuData="menuList" @getdata="getdata"></menu-tree></el-menu>二、子组件<template> <div> <template v-for="menu in this.menuData"> <el-submenu :key="
2021-09-29 14:03:38
352
原创 display:flex后元素居中+div梯形
一、div梯形nav1、CSS切角：clip-path: polygon(0 0 , 0 -804%,100% 100%,0 100%,0 0 );旋转：transform: rotate(180deg);二、display:flex后元素居中1、CSSjustify-content: center;2、 效果
2021-09-27 11:33:07
252
原创 Vue+wangEditor正文内容不能设置样式
一、问题二、做法wangEditor基础使用文档指路1、错误使用 <script> const E = window.wangEditor const editor = new E(document.getElementById('div1')) editor.create(); new Vue({ el:"#app", data() { return {} }, methods:
2021-09-24 10:05:21
1077
原创 vue+elementui+el-menu，嵌套el-submenu，default-openeds展开子级submenu展开无效
需求：点击A页面的li跳转并展开B页面菜单的二级submenu，点击ul下的“更多”跳转到对应ul的分类标题的B页面一级菜单下一、A页面 <ul style="list-style-type: cjk-ideographic; overflow-y: hidden;"> {volist name="vo.list" id="vo2"} <li @click="jumpUrl('organ{$vo.organ_id}','{$vo2.id}')">
2021-09-17 16:39:39
3002
原创 ## vue+elementui+el-table时间戳格式化
vue+elementui+el-table时间戳格式化一、methods //时间戳格式化 dateFormat(row, column, cellValue, index){ const daterc = row[column.property] if(daterc!=null){ const dateMat= new Date(parseInt(daterc.toString().replace("/Date(", "").t
2021-09-16 15:56:08
149
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人