随笔分类 -  vue element

vue element
摘要:目录 方法一:通过npm 安装插件 方法二:手动下载插件到本地 总结 推荐使用方法二 方法一:通过npm 安装插件 1,安装 npm install vue-print-nb --save 2,引入 安装好以后在main.js文件中引入 1 import Print from 'vue-print- 阅读全文
posted @ 2023-10-26 22:33 野狼谷 阅读(753) 评论(0) 推荐(0) 编辑
摘要:表单验证:需要注意的一点是: 普通表单验证单项依靠的是prop…而动态生成的表单要用:prop 书写的语法是:prop="‘moreNotifyObject.’ + index +’.notifyobject’",moreNotifyObject是v-for绑定的数组,index是索引,notify 阅读全文
posted @ 2022-04-24 17:23 野狼谷 阅读(2828) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-04-24 16:32 野狼谷 阅读(168) 评论(0) 推荐(0) 编辑
摘要:<el-table :data="tableData" :show-header="false" style="width: 100%"> <el-table-column label="标签组" width="140" > <template slot-scope="scope"> <span>< 阅读全文
posted @ 2022-04-11 11:23 野狼谷 阅读(1691) 评论(0) 推荐(0) 编辑
摘要:最近在做电商类型的官网,希望实现的布局如下:有表头和表身,所以我首先想到的就是table表格组件。 表格组件中常见的就是:标题和内容一一对应:像效果图中的效果,只用基础的表格布局是不行的,因此我想到了table表格中的展开功能:然后通过:默认展开所有行然后在里面的表格table中默认隐藏表头:其他的 阅读全文
posted @ 2022-04-11 11:16 野狼谷 阅读(8446) 评论(0) 推荐(0) 编辑
摘要:tableData: [ { name: '国家出资人', list: [ { name: '2011', value: '0' }, { name: '2012', value: '0' }, { name: '2013', value: '0' }, { name: '2014', value: 阅读全文
posted @ 2022-04-11 11:13 野狼谷 阅读(1861) 评论(0) 推荐(0) 编辑
摘要:直接在 router下的index文件中加入下边的代码: const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.c 阅读全文
posted @ 2021-06-16 09:47 野狼谷 阅读(669) 评论(0) 推荐(0) 编辑
摘要:el-card 是Element-UI 内置的卡片组件,使用起来很方便,但是对Vuejs和html 不是精通的话,根据自己的要求布局,会出现自己的小困惑,必须添加垂直居中,按照CSS 布局设置,总是 不起作用,与其费力搜寻办法,不如自己简单白痴的去设置一下 1.鼠标放上去有一个动画效果: .el-c 阅读全文
posted @ 2021-04-25 14:38 野狼谷 阅读(10142) 评论(0) 推荐(1) 编辑
摘要:<template> <div class="block"> <span class="demonstration">起始日期时刻为 12:00:00</span> <el-date-picker v-model="value6" @change="dateChangebirthday1" type 阅读全文
posted @ 2021-04-02 19:26 野狼谷 阅读(3293) 评论(0) 推荐(1) 编辑
摘要:1、效果如下: 实现代码如下:<el-tab-pane name="first"> <span slot="label"> <span class="span-box"> <span>预警</span> <el-tooltip class="item" effect="dark" content=" 阅读全文
posted @ 2021-04-02 16:37 野狼谷 阅读(2215) 评论(0) 推荐(0) 编辑
摘要:如图,当渲染的文字超出30字后显示省略号 1.设置过滤器 filters: { ellipsis(value) { if (!value) return ""; if (value.length > 30) { return value.slice(0, 30) + "..."; } return 阅读全文
posted @ 2021-04-02 16:35 野狼谷 阅读(4019) 评论(0) 推荐(0) 编辑
摘要:<el-table @row-click="openDetails"></el-table> //对应的 methods 中//点击行事件methods: { openDetails (row) { //具体操作 },} 阅读全文
posted @ 2021-04-02 13:56 野狼谷 阅读(2737) 评论(0) 推荐(0) 编辑
摘要:可以先看一下官网中table的自定义列模板代码 <template> <el-table :data="tableData" border style="width: 100%"> <el-table-column label="日期" width="180"> <template scope="s 阅读全文
posted @ 2021-04-02 13:54 野狼谷 阅读(1690) 评论(0) 推荐(0) 编辑
摘要:最近使用了Element-UI中的Table表格,因为需求需要在指定的列点击跳转,所以必须添加个点击事件,我这里是弹框展示table再点击跳转的,如图所示: 下面是我实现具体的代码(只是代码的一部分,我删减出来的) <template> <el-dialog custom-class="m-dial 阅读全文
posted @ 2021-04-02 13:53 野狼谷 阅读(2709) 评论(0) 推荐(0) 编辑
摘要:find函数基本格式:let obj=this.list.find(item=>item.code val)首先在这里我们要知道的两个基础知识一、find是一个查找函数。二、箭头函数find(item=>item.code val)相当于find(item){item.code val} 其中lis 阅读全文
posted @ 2021-03-26 19:08 野狼谷 阅读(4489) 评论(0) 推荐(0) 编辑
摘要:今天在项目中需要通过行政区域选择,然后选择该行政区域下面的景区,也就是要构建行政区划、景区两表数据表的树。全国的行政区域到县已经3500多了,再加上景区会有几万个点,这棵选择树不论是在后台还是在前台构建都比较大,会影响系统性能,需要前后端结合,动态构建,使用时用懒加载,提升系统性能。 一、后台构建两 阅读全文
posted @ 2021-03-26 10:41 野狼谷 阅读(537) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示