logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

父元素设置flex:column后,子元素height无效

我想得到下图效果,于是设置容器的flex:column,子元素1设置height:30px;子元素2设置flex:1; overflow-y:auto;但是子元素1的高度怎么都不生效,发现是被 flex-shrink影响了。于是我将子元素1的flex-shrink设置为0,不被缩小。它就乖乖的显示我设置的高度了。flex-shrink介绍flex-shrink属性定义了项目的缩小比例...

element表格数据跨行、跨列操作合并显示

<template><div><el-table:data="tableData6"borderstyle="width: 100%; margin-top: 20px":cellClassName="getCellClassName" :spanMethod=&quo

复制chrome 控制台里面打印的json对象 展开对象

var person = { name:'candice' }copy(person)

element el-table 表格列 v-if 显示 隐藏 乱序问题

有个需求当tab为投保人时,表格中显示字段为投保人相关信息当tab为被保人时,表格中显示字段为被保人相关信息我在来回切换tab时,发现用v-if控制的字段列经常乱序。字段展示先后顺序不一。如图所示:解决方法:在table-column中加入:key=“Math.random()”如下所示代码<el-table-column...

教你开发vue移动端组件之popover

前言我有一个表格需要展现员工个人业绩,大家都知道重名是不可避免的,所以我希望能够标识出该员工所对应的区域和机构,以此来区分人员。但在移动端屏幕空间有限,所以决定在点击人员时,右侧弹出他所在的区域和机构。效果popover组件具体代码<template><div class="pop-over"><a @click=...

VUE异步组件-处理加载状态在路由组件中使用无效

解决方法:function lazyLoadView (AsyncView) {const AsyncHandler = () => ({component: AsyncView,// A component to use while the component is loading.loading: require('./Loading.vue'...

vue单文件组件的格式规范

<template></template><script>export default {name: '',mixins: [],components: {},props:

vue去除特殊字符Mixin

export const trim = {methods: {trim(value) {/**去除首尾空白 */return value.replace(/(^\s*)|(\s*$)/g, "");},}}export const validateSpecialCharacter = ...

vue指令:限制输入数字,可配置最大值最小值及小数点位数

directives: {// 保留2位小数点指令 不四舍五入fixNumber: {update: function (el, { value, modifiers }, vnode) {try {let input = el.children[0]if (!inpu...

eslint vscode保存时自动格式化失效解决方法

打开vscode的设置。setting.json文件,加入以下配置"editor.formatOnSave": false,// 自动修复"editor.codeActionsOnSave": {"source.fixAll.eslint": true,},// 配置 ESLint 检查的文件类型"eslint.validate": ["javascript","vue","html"],...

#vscode
    共 13 条
  • 1
  • 2
  • 请选择