logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

bootstrap框架的.container 和container-fluid 类的区别

.container 类用于固定宽度并支持响应式布局的容器。.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。通过使用chrome浏览器实验html代码:得出以下结论:1、.container类的div左右两边有一个15px的padding(内边距),container-fluid类没有内边距2、.container类在屏幕宽度小于等于767px的时

#bootstrap
element-ui tree 更新子树数据

<el-treeref="tree"show-checkboxcheck-strictlylazyaccordionnode-key="id":load="loadNode":props="{isLeaf: 'leaf'}":expand-on-click-node="true":ch

element-UI 一个表格有分页、序号、排序,使序号不因排序而变化

关键代码:<el-table-column fixed label="序号"width="50" align="center"><template scope="scope"><span>{{scope.$index+(pageNo -

element-UI 点击一行,背景色变化

<el-table:data="data":row-class-name="tableRowClassName" //给这一行加类:row-style="selectedHighlight" //设置这一行的样式@row-click="rowClick" //单击时调用的函数>&lt

element-ui 表单重置函数resetFields();使用注意事项

在表单重置的时候我们习惯使用this.$refs[formName].resetFields();来重置表单,但有时候会出现重置不完全的情况,例如:表单绑定的变量:formData:{ id:null, name:null , age:null}表单html:<el-form ref="form" :model="formData" label-width="80px" si...

vue element-ui 界面有上下两部分table,拉动改变上下区域大小 关键代码

<template><!-- 上表格 --><el-table ref = "topTable"></el-table><!-- 拉动线 --><div class="lineDiv" v-if=&quot

element-ui tree右键菜单

style:.tree_menu{position: fixed;display: block;z-index: 20000;background-color: #fff;padding:5px 0;border: 1px solid #ebeef5;border-radius: 4px;box-shadow:0 2px 12px 0 rgba...

【学习总结】element-ui的@selection-change

<template><el-tableref="multipleTable":data="tableData3"tooltip-effect="dark"style="width: 100%"@selection-change="handleSelectionChan

element-ui 下拉选择树

界面:关键代码:// html代码<el-select v-model="welcomeReport.reportName" placeholder="请选择报表路径"style="width: 560px" ref="selectReport"><el-option :value="welcomeReport.reportI...

vue 驼峰的坑

HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名:Vue.component('blog-post', {// 在 JavaScript 中是 camelCase 的props: ['po...

    共 20 条
  • 1
  • 2
  • 请选择