信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀

大家都知道Vue有双向数据绑定 ，但是很少人知道怎样把它这个功能关掉比如想要让某个值的改变不改变原有值使用 Object.freeze()，这会阻止修改现有的 property，也意味着响应系统无法再追踪变化。例子：var obj = { foo: 'bar'}Object.freeze(obj)new Vue({ el: '#app', data: obj})<div id="app"> <p>{{ foo }}</p> &l

案例效果当表格的复选框 被选中后 该行的（输入框 时间选择器 多选框 等等）被解除限制<el-table :data="tableData" @selection-change="selectionChange"><el-table-column prop="planFinishDate" width="150" label="计划完成时间"> <template slot-scope="scope"> <el-da

案例效果点击创建时间后的箭头 可以自定义是按时间进行升序排序 还是降序排序<el-table-column prop="sysCreateTime" :default-sort="{ order: 'descending' }" sortable label="创建时间" width="300"></el-table-column>主要代码 :default-sort="{ order: ‘descending’ }" sortable每日分享人生百相，世态万千

方案1 arr.sort(function (a, b) { return a.order - b.order })定义和用法sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。注意：当数字是按字母顺序排列时"40"将排在"5"前面。使用数字排序，你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。这些说起来可能很难理解，你可以通过本页底部实例进一步了解它。注

var unixTimestamp = new Date(res.data[index].currentTime)/重载方法/Date.prototype.toLocaleString = function () {return this.getFullYear() + ‘/’ + (this.getMonth() + 1) + ‘/’ + this.getDate()}let commonTime = unixTimestamp.toLocaleString()res.data[index].

activated() { this.isShow = false // 缓存组件// activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等 let fromPage = this.$route.query.index; this.$nextTick(() => { this.index = fromPage ...

使用 escape()函数 将字符串进行转义 就不会出现#号了这不能用于编码 URIs(通用资源标识符（UniformResourceIdentifier,简称"URI"））. 可以使用函数 encodeURI() 取代。cancelSEvaluate(escape(that.textarea)).then(res=>{ })...

>>>.el-cascader .el-input .el-input__inner:focus,>>> .el-cascader .el-input.is-focus .el-input__inner{ border-color: #de6f6f }修改后样式

话不多说 上代码<el-table-column label="操作" align="center" :show-overflow-tooltip="true" width="182px"> <template slot-scope="scope"> <div class="operation">

一共三种情况为空用户上传的svg 也就是以http开头的图标本身存在的svg 也就是 像el-icon-plus一样的样式<el-upload class="upload" :action="fileurl" :show-file-list="false" :on-success="handleAvatarSucceis" :before-upload="beforeAvatarUpload" accept=".svg" :on-error="fileerror".

将数据先制空，随后再用nextTick 对其进行赋值this.message = [];this.$nextTick(() => { this.message = res.data;})

最初效果.父级{ word-break: break-all word-wrap:break-word;}最终效果

在 router中 写入{ path: '/group/aaraisal', name: 'aaraisal', component: aaraisal, meta: { keepAlive: false, rank: 6, attribution: 'aaraisal' }},控制按钮<div class="back" v-else-if="$route.meta.rank === 6" @click

.biaoz{ /* 竖向滚动条 */ height: 500px overflow-y: auto // scrollbar-color: none; /* 滑块颜色 滚动条背景颜色 */ margin-bottom: 100px}/* 滚动条样式 */.biaoz::-webkit-scrollbar { /* 滚动条整体样式 */ // display: none; /* 隐藏滚动条 */}...

/deep/ .el-table { min-height: 220px max-height: 680px overflow-y: auto}.testPaper .wx-pagination{ position: absolute; bottom: 21px right: 61px} <el-table ref="multipleTable" :data="tableData"

效果最初 <el-autocomplete class="my-autocomplete" style="z-index: 1" :maxlength="11" placeholder=""> <template slot-scope="{ item }" class="my

white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

>>>.el-input{ width: 300px; height: 40px; background: #FFFFFF; border-radius: 4px; border: 1px solid #C5C5C5; margin-right: 10px } >>>.el-input__inner{ height: 4...

话不多说 直接上代码 //按钮样式.父级元素{ width: 100px; height: 40px; background: #FFFFFF; border-radius: 4px; border: 1px solid #DE6F6F; color:#DE6F6F; &:hover{ background-color:#de6f6f; color#ffffff; transition:0.7s; } &:focus{

最终需要的效果 数字限制范围在 1-10 之间 且 每次单击 进行 +1 -1 （只能输入数字）当然也可以在后边加上行注释 <el-form-item class="black" prop="startTime" label="课程数量"> <div class="studytit"> <!-- onselectstart 禁止选中网页中的文字 --> <div class="num_" onsel

总体效果 当用户点击添加标准时 弹出输入框 并将按钮置灰当状态为输入状态时输入完毕后恢复状态需要标签 tag input button<div class="tag" v-if="json.theme.attendance==2 && json.theme.evaluateMethod==2"> <el-tag class="starNorm" v-for="(starRateList, starRateListindex) in json