8月16日答疑问题收集


(班主任-茜茜) #1

大家不会的问题回复到本帖下
代码题写入 jsbin
根据大家回复的情况选择
晚上答疑群内文字交流


(Lynnchuh) #3

老师你好,最近在做一个页面,需要做表单提交
里面除了简单的文本input外,还有多文件(图片)上传,
文件上传是否要异步上传(需要后端接口支持?)
然后表单提交的<input type="file">的值实际是什么?是一个文件还是一个文件地址还是其他?
这方面的知识可以说一下吗?


#4


老师您好,wrapAll会改变HTML中元素的位置吗,这是为什么


(stage) #5

sessionStorage到底是关闭tab页时清除,还是关闭浏览器时清除?


(少木木) #6

1、使用Vue-cli脚手架,如何使用阿里的icon,阿里的symbol使用方式需要使用script的src=“//at.alicdn.com/t/font_791918_m8qj772utj.js” 属性引入
但是现在不能使用src,详见代码的最后,不知道es6如何书写

<template>
    <div class="signIn">
        <el-menu 
            class="el-menu-demo" 
            mode="horizontal" 
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b">
            <el-menu-item index="1">
                <!-- 这里打算使用阿里的icon,elementUI的icon没有-->
                <el-tag>用户账号</el-tag>
            </el-menu-item>
            <el-menu-item index="2">
                <i class="el-icon-location"></i>注销
                </el-menu-item>
         </el-menu>
    </div>
</template>

<style>
.signIn {
  position: absolute;
  top: 8px;
  right: 0;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
<script>
export default {
    
}
</script>
/*
强行写的话就报错,我按照提示安装又安装不上
 This dependency was not found:

* !!babel-loader!\\at.alicdn.com\t\font_791918_m8qj772utj.js in ./src/components/nav/HeaderSignin.vue

To install it, you can run: npm install --save !!babel-loader!\\at.alicdn.com\t\font_791918_m8qj772utj.js

*/


(少木木) #7


1、想让上图的用户管理、配置管、角色管理那一列之间有margin,我直接添加class不管用,属性会直接添加到组件内部的div上,用的是elementui的table-spane组件,此时应该如何添加style?

<el-tabs :tab-position="tabPosition" style="height: 100%; margin-top: 30px;">
        <el-tab-pane  label="用户管理" >
            <el-table
                :data="tableData"
                style="width: 100%"
                border>
                <el-table-column
                    prop="date"
                    label="日期"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="name"
                    label="姓名"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="address"
                    label="地址">
                </el-table-column>
            </el-table>
        </el-tab-pane>
        <el-tab-pane  label="配置管理">
            <Table/>
        </el-tab-pane>
        <el-tab-pane  label="角色管理">
            <TableColumn/>
        </el-tab-pane>
        <el-tab-pane  label="定时任务补偿">
            <Table/>
            <Table class="bottomTable"/>
        </el-tab-pane>
    </el-tabs>

(西瓜七) #8

看到群里有同学问这道题,我也不会,想问问

//填补空缺,说明完成什么工作

function getMatchedData(data,match){
            var result = data;
            var attrs = _______;
            attrs.each(function(obj){
                result = typeof result == 'object' && result.hasOwnProperty(obj) ? _____ : ______;
            });
            result = typeof result == "undefined" ? "" : result;
            return result;
        }
 function templateDataMapping(temp,data){
            if(temp){
                var matches = temp.match(/{{[a-z_A-Z](\w+)?([\.][a-z_A-Z](\w+)?)*}}/g);
                matches.each(function(index,match){
                    temp = temp.replace(match,getMatchedData(data,match.substring(2,match.length-2)));
                })
            }
            return temp;
        }

(Aranll) #9

老师,请问页面时商品列表,经常出现页面渲染过慢,可能是图片比较多,请问你们平时是如何解决这个问题的,包括前端和后端解决方案


(Aranll) #10

再补充,后端压缩图片的话,一般又会用到什么压缩工具呢