vue问题八:动态加载loading、浏览器图标

  1. 全局动态加载loading:
    参考文档:https://blog.csdn.net/qq_34825875/article/details/79570301

    在main.js或者index.js引用 import {Loading} from 'element-ui'

    按照 文档所示修改

  2. vue 设置浏览器图标
    更改根目录下的index.html,在head中加如下代码:
     <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico"> 
    注意:图标要存放在static文件夹中,将项目中的静态文件都要放在static文件夹中
  3. 表格里显示按钮
    <el-table-column prop="option" label="操作" align="center" >
    <template slot-scope="scope">
    <el-button size="mini" plain @click="del(scope.$index,scope.row)">删除</el-button>
    <el-button size="mini" plain @click="[edit(scope.$index,scope.row),editVisible =true]">修改</el-button>
    </template>
    </el-table-column>

    单击删除按钮时获取本行的id: del(index, row) { alert(row.id) }

  4. element 的表单一行显示多个标签

    1). :inline="true"
     <el-form :inline="true" :model="seach" :label-width="labelwidth"> 
    2).  使用el-row el-col去分割
    <el-form  :model="ruleForm" >
    <el-row type="flex" class="row-bg">
    <el-col :span="12">
    <el-form-item label="签约企业名称" prop="ep_name">
    <el-input style="width:16em" v-model="ruleForm.ep_name"></el-input>
    </el-form-item>
    </el-col>
    <el-form-item label="签约企业简称" prop="ep_abbreviation">
    <el-input style="width:16em" v-model="ruleForm.ep_abbreviation"></el-input>
    </el-form-item>
    </el-row>
    </el-form>
上一篇:Brief introduction to Scala and Breeze for statistical computing


下一篇:20165336 2017-2018-2 《Java程序设计》第7周学习总结