左边导航菜单制作 Element UI框架里面有NavMenu 导航菜单,有顶栏、侧栏和折叠的导航菜单,我们这次要用的是侧栏 把侧栏的标签里面的代码拷贝到标签里面,显示效果如下 左侧导航栏的效果代码 <el-container> <el-aside width="200px"> <el-menu d ...
分类:
其他好文 时间:
2020-08-06 23:16:52
阅读次数:
96
啥也不说,直接上代码 <el-date-picker v-model="query.strYear" type="year" format="yyyy" value-format="yyyy" placeholder="请选择"> </el-date-picker> <el-date-picker ...
分类:
其他好文 时间:
2020-08-06 16:59:01
阅读次数:
169
如下是dialog做出来的效果: 但我希望头部和底部都有border样式,区分开来,查看源代码之后我在style里面这样写了: <style lang="scss" scoped> .el-dialog__header{ border-bottom: 1px solid #e8eaec; } .el ...
分类:
其他好文 时间:
2020-08-04 18:16:07
阅读次数:
305
原型效果: 代码实现: <el-table-column property="address" label="操作"> <template slot-scope="scope"> <el-button @click="setGrade(scope.row)" type="text" size="sm ...
分类:
其他好文 时间:
2020-08-03 23:13:56
阅读次数:
354
一、什么是生命周期? Vue中实例或者组件从创建到消灭中间经过的一系列过程 二、created和mounted区别? created--在模板渲染称html或者模板编译进路由前调用created mounted--已完成模板已经渲染或el对应渲染后 created:在模板渲染成html前调用,即通常 ...
分类:
其他好文 时间:
2020-08-01 12:36:49
阅读次数:
65
直接贴代码了: ::v-deep .el-radio__label { width: 100% !important; text-overflow: ellipsis; white-space: normal; line-height: 18px; // word-wrap: break-word ...
分类:
其他好文 时间:
2020-07-30 22:11:29
阅读次数:
323
一: 完整代码 function $(element){ //传入响应式区域的dom根节点,返回响应式数据 let $$ = {}; //响应式数据 function getElements(el){ //传入一个元素节点,返回一个保存着该元素本身及所有子元素的数组 var elementList ...
分类:
其他好文 时间:
2020-07-29 21:48:36
阅读次数:
91
提示: 更新element版本问题,样式问题, 放在el-dialog内样式问题 等等 页面 <el-form-item label="地域限制:"> <el-cascader v-model="cascader" :options="cascaderOptions" :props="{ multi ...
分类:
其他好文 时间:
2020-07-29 17:48:39
阅读次数:
143
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。 1. 常用用法 <input type="text" v-model="name"/> new Vue({ el: '#app', data: { name: '咸鱼' }, watch: { name(newVal,oldV ...
分类:
其他好文 时间:
2020-07-29 14:44:29
阅读次数:
61