在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡安全  HTML/ element-ui的按需引入問題

element-ui的按需引入問題

我按需引入element-ui的table組件,表格正常渲染,但是show-overflow-tooltip功能無法起作用,控制臺也不報錯。
這時,我再引入Tooltip和Popover組件,table的show-overflow-tooltip功能還是無法顯現(xiàn)。
不知道我是哪里漏了,請各位大神指點。

//main.js

import {Table, TableColumn, Popover, Tooltip} from 'element-ui'
Vue.use(Table);
Vue.use(TableColumn);
Vue.use(Popover);
Vue.use(Tooltip);
//頁面
.......上文省略

<el-table border :data="tableData">
                <el-table-column
                        v-for="item in tableColumns"
                        :key="item.prop"
                        :prop="item.prop"
                        :minWidth="item.minWidth"
                        :align="item.align"
                        :label="item.label"
                        showOverflowTooltip></el-table-column>
                <el-table-column label="操作" align="center" minWidth="270" fixed="right">
                    <template slot-scope="scope">
                        <Button size="small" type="text" @click="toDetail(scope.row.logisticsId)" class="all_table_button">詳情</Button>
                        <Button size="small" type="text" v-if="scope.row.logisticsIsPerfect===1" @click="toEdit(scope.row.id)" class="all_table_button">編輯</Button>
                        <Button size="small" type="text" v-else @click="toEdit(scope.row.logisticsId)" class="all_table_button">完善資料</Button>
                        <Button size="small" type="text" @click="deleteCompany(scope.row)" class="all_table_button">刪除</Button>
                        <Button size="small" type="text" @click="toManagement(scope.row.logisticsId)" class="all_table_button">車輛管理</Button>
                    </template>
                </el-table-column>
            </el-table>
            
........下文省略
回答
編輯回答
任她鬧

引入是正確的,只是在使用在el-table-cloumn的時候錯了,應該是show-overflow-tooltip,而不是寫成駝峰式showOverflowTooltip。

這是我寫的例子,希望能對你有所幫助! https://jsfiddle.net/luozz/0y...

2017年3月24日 05:05