qq_41979331的博客

table 动态合并

效果图html:<el-table :data="dataList" border :span-method="spanMethod" size="mini" style="width:100%" > <el-table-column

html: <el-table :data="dataList" style="width: 100%;" :span-method="spanMethod" > </el-table> data:spanArr:[] methods: getSpanArr (data) { this.spanArr = [] if (data == null) { retur

父组件html: <el-button size="small" @click="importHandle" >{{ $t('import') }}</el-button > <!--导入组件--> <Import :action="action" :importUrl="importUrl" :downloadWrongUrl="downloadWrongUrl" @re

HTML： <el-date-picker v-model="beginAndEnd" type="daterange" value-format="yyyy-MM-dd" size="mini" @input="handleDate" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ></el-da

父页面<template> <div> <el-button type="danger" @click="selectStu()" >选择学生</el-button > <el-tag type="danger" style="margin-left: 10px" &g

1.zxks.vue（考试列表）<template> <div class="zxksClass"> <!-- 导航栏 --> <comnavBar :Title="Title" :backType="'1'" @onClickLeft="onClickLeft"></comnavBar> <!-- 标签页 --> <div class="zxks_title"> <d

<el-form :model="dataForm" > <el-row v-for="(con, index) in dataForm.toolList" :key="index" > ...

1、页面HTML：<el-form :model="dataForm" :rules="rulesList" ref="dataForm" v-loading="loading" > <!-- type = '1' 显示 --> <el-row> <el-col :span="22"> <el-form-item label="文本1"

1.引入import wx from ‘weixin-js-sdk’2.定义变量// 企业微信配置appId: ‘’, //企业微信的corpIDtimestamp: ‘’, //生成签名的时间戳nonceStr: ‘’, //生成签名的随机串signature: ‘’, //签名，见 附录-JS-SDK使用权限签名算法jsApiList: [‘scanQRCode’], //需要使用的JS接口列表，凡是要调用的接口都需要传进来3.方法// 扫码 smFun () {

html:<div class="gzrwClass"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <div class="gzrw_scroll"> <div v-for="(item, index) in dataList" :key="index" > ~~~~~~

<el-card style="margin-bottom:20px;min-height:240px;max-height:245px;"> <div class="newBannerBox"> <i class="el-icon-arrow-left" @click="prev"></i> <div class="swiperBox"> <swiper ref="mySwi.

<template> <div class="com_newsList"> <div class="com_newsList_list" v-for="(item, index) in newsList " :key="index"> <div :class="!item.src?'com_newsList_leftNoImg':'com_newsList_left'"> <div class="com_newsL

<template> <div class="com_notice"> <ul id="con1" ref="con1" :class="{anim:animate==true}"> <li v-for="(item,index) in items" :key="index">{{item.name}}</li> </ul> </div></template> <s

html <div class="com_swiperImg"> <van-swipe :autoplay="3000"> <van-swipe-item v-for="(item, index) in images" :key="index"> <img class="swiperImg" :src="item.url"> <span class="imgWord"> .

1.定义时间变量// 当前考试的时长times: '',// 剩余时间Time: '',// 考试总时长totalTime: '',2.created() // 获取当前考试时间 this.times = this.$route.query.time // 赋值给总时长 this.totalTime = this.times * 603.mounted()// 赋值给考试时长 this.times = this.times * 60 this.ti.

html <button type="button" @click="F_Open_dialog()" >上传图片</button> <input type="file" id="fileId" ref="refFile" value="文件上传" @change="handleFile()" >显示上传的图片<!-- 自己上传显示的图片 --> &l.

子组件html<div class="commentRadio"> <div v-for="(con,i) in Obj.tmList" :key="i+'r'" class="inputClass"> <input :id="con.id" type="checkbox" :value="con.id" v-model="checklist"

html<div class="commentRadio"> <div v-for="(item,index) in Obj.tmList" :key="index" class="inputClass"> <input :id="item.id" type="radio" :disabled="true" :value="item.id" :c.

html<template> <div class="btnDiv" ref="moveBtn" @mousedown="down()" @touchstart="down()" @mousemove="move()" @touchmove="move()" @mouseup="end()" @touchend="end()" @touchcancel="end()" > <!-- 按.

css ：（超过 一行 省略） width:100%; white-space: nowrap; /*规定段落中的文本不进行换行*/ overflow: hidden; /*内容会被修剪，并且其余内容是不可见的。*/ text-overflow: ellipsis; /*显示省略号来代表被修剪的文本*/css： （超过 多行 省略） width:100%; overflow: hidden; text-overflow: ellipsis; display: -w.

html<table class="table" cellspacing="0" cellpadding="0"> <thead class="fixedThead"> <th>学号</th> <th>姓名</th> <th>年龄</th> </thead> <tbody class="scrollTbody">.

仅限于值比较少的情况，如果点击想显示的列比较多，就用我的另一篇博客中写的（mt-cell结合mt-popup和mt-picker的使用）html代码片段：<mt-cell title="性别" is-link :value="sexVal" @click.native="sexClick()"></mt-cell><mt-actionsheet cancel...

html代码片段： <mt-cell style="border:1px dotted red;border-radius:5px;width:80vw;margin-left:12vw" title="企业" is-link :value="qiyeVal" @click.nat...

1、html===》代码片段：<el-upload class="avatar-uploader" ref="upload" accept="image/jpg,image/png" :auto-upload="true" :before-upload="beforeAvatarUpload" :limit="1" action="https://jsonpl...