zoukankan      html  css  js  c++  java
  • el-table 自定义表头输入框异常

    先说答案:slot-scope="scope" 必须写,不然出问题。

    问题是在这样的,我在ElementUI官网查阅表格资料的时候,看到表格的表头可以自定义,于是我就想和官网一样,在操作栏添加一个搜索的输入框,用来搜索表中的内容。

    下面是官网的例子:

    image-20201028182918534

    然后我就把示例代码搬了过去,因为搜索的时候用不到 slot-scope="scope",编辑器一直提示红色下划线错误,所以我就把它删掉了。

    <el-table-column label="操作" width="200" fixed="right" align="center">
        <template slot="header">
            <el-input v-model="keyword" clearable size="mini" placeholder="输入文件名进行搜索" />
        </template>
    </el-table-column>
    

    然后诡异的事情就出现了:输入框正常显示,默认值正常绑定,输入框输入无反应,绑定的keyword变量只会接收到最后一个按键输入的字符,但是输入框又不回显。

    然后经过一次次的调试,最终找到了问题slot-scope="scope"不能删除,我又加了回去,好了正常了。

    <el-table-column label="操作" width="200" fixed="right" align="center">
        <template slot="header" slot-scope="scope">
            <el-input v-model="keyword" clearable size="mini" placeholder="输入文件名进行搜索" />
        </template>
    </el-table-column>
    
  • 相关阅读:
    机器学习之大数据集
    机器学习之协同过滤算法(推荐系统)
    机器学习之异常检测
    机器学习之PCA主成分分析
    机器学习之K-means算法
    机器学习之SVM支持向量机
    机器学习之模型选择与改进
    springmvc spring mybatis插入mysql中文乱码
    springmvc和http404错误
    oracle删除users表空间
  • 原文地址:https://www.cnblogs.com/lixingwu/p/13892810.html
Copyright © 2011-2022 走看看