real_xiaobai的博客

效果基本如图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

大佬封装的：https://github.com/xukeler/chinesePY直接下载使用比如我用了其中的.GetHP(str)方法

//表格合计 getSummaries2(param) { const { columns, data } = param; const sums = []; columns.forEach((column, index) => { if (index == 0) { sums[index] = '合计'; return; } const

let name="2021年度xxx（第一题）"name=name.substring(0,name.lastIndexOf("("));//2021年度xxxname=name.substring(name.lastIndexOf("("));//（第一题）

系统本身是在main.js调用菜单后，进入项目即刻加载的，而这里动态获取菜单的方法是在登陆成功验证后再调用。这就导致未登录情况下，侧边菜单是[]空的。登陆后再次调用这个方法，菜单就有了。但是不会渲染。那就去显示菜单的地方，把动态菜单值赋值进去。把mian.js中import { menuAside } from ‘@/menu’import store from ‘@/store/index’this.$store.commit(‘d2admin/menu/asideSet’, menuAs.

<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

报错路径为：http:域名/css/xx.css实际上应该是：http:域名/dist/css/xx/css办法：publicPath的值确保为：publicPath: ‘./’ps：config.js或者vue.config.js文件内，根据实际情况来，还是找不到就编辑器全局搜索publicPath...

<el-table :data="sontableData" :height="tableData"><script>export default { data(){ return{ tableData:[] } }, mounted:function(){ this.$nextTick(function () { this.tableHeight = window.innerHeight - this.$refs.tabl

>>>.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

查看对营养师打包后生成的css文件

git add .git commit -m ‘’git pull

情况：每个tab都有一组图表，我是嵌套的tab去展示外层tab的对应图表组，于是封装好一组图表，再每个tab传值给图表出现的问题，只能显示第一组，后面的tab的canvas都创建不了，只有一个空divel-tabs的切换本质上是v-show，因为图表已经创建了，所以会发生这样的情况解决：在最外层tab用v-if模拟一个图表销毁，切换到第二个图表的时候重新加载一次并赋值问题解决 <el-tabs v-model="activeName"> <el-tab-pane lab

一、需求：选项值及数量从后台取值，一个选项对应一个颜色选择器。图例选项【男，女】。二、实现：1、html：<template> <div> <div class="pic_content" id="pie"></div> <div> <el-button>下载</el-button> <el-button>数值</el-button> &l

//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

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(’’)

<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="

<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

//停用/启用 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..

创建obs.js/** * 上传单个文件 * * @param sourceFile 文件资源 * @param filePath 华为云obs存储路径和名字 */export function singleFileUpload(sourceFile, filePath) { return new Promise((resolve, reject) => { getObsClient().putObject({ Bucket: obsCon

一、新建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',

localStorage.setItem('row',JSON.stringify(this.row));

<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>

<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

饼图legend文字颜色： legend: { orient: 'horizontal', left: "10%", top: 'bottom', width: '80%', textStyle: { color:'white'//设置文字颜色 }, data: ['网络调查', '巡检', '神秘顾客', '座谈会', '面访执行'] },仪表盘内边距： series: [{ center: [

<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

一、祖父组件export default { data(){ return{} }, methods{ addTab(){ console.log("调用成功") } }, provide(){ return{ addTab:this.addTab } }, }二、孙子组件export default { //name:"appeal", inject:['addTab'], data()

一、父组件<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="

一、问题二、做法wangEditor基础使用文档指路1、错误使用 <script> const E = window.wangEditor const editor = new E(document.getElementById('div1')) editor.create(); new Vue({ el:"#app", data() { return {} }, methods:

vue递归+elementui+层级表头