zoukankan      html  css  js  c++  java
  • element-ui table 嵌套

    嵌套的时时候用template,数据 scope.row.xxx

    <template>
        <div>
                <el-table :data="urls" style=" 100%">
                    <el-table-column prop="name" label="技术栈">
                    </el-table-column>
                    <el-table-column label="文档地址">
                        <template slot-scope="scope">
                            <a v-bind:href="scope.row.link" target="_blank">{{scope.row.link}}</a>
                        </template>
                    </el-table-column>
                </el-table>
        </div>
    </template>
    
    <script>
        export default {
            name: "Doc",
            data() {
                return {
                    urls: [
                        {name:'Python', link:'https://www.python.org/'},
                        {name:'Django', link:'https://www.djangoproject.com/'},
                        {name:'Django中文', link:'https://docs.djangoproject.com/zh-hans/2.1/'},
                        {name:'Django Suit', link:'https://django-suit.readthedocs.io/en/latest/configuration.html'},
                        {name:'Bootstrap', link:'http://www.bootcss.com/'},
                        {name:'Vue', link:'https://cn.vuejs.org/'},
                        {name:'ElementUI', link:'http://element-cn.eleme.io/#/zh-CN'},
                    ]
                }
            }
        }
    </script>
    
    <style scoped>
    
    </style>
  • 相关阅读:
    DRF JWT认证基础
    Shell简单脚本
    DockerFile案例
    Shell基础知识
    DockerFile基础知识
    tensorflow
    使用cv2将图片分割成相等的部分
    序列化心得
    python正则化表达式
    python--匿名函数(lambda)
  • 原文地址:https://www.cnblogs.com/dannyyao/p/10219653.html
Copyright © 2011-2022 走看看