Does element-ui support script to import jsp?

the interface is blank

<% @ page contentType= "text/html;charset=UTF-8" language= "java"% >
<% @ page language= "java" import= "java.util.*" pageEncoding= "UTF-8"% >
< html >
< head >

<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/lib/layui/css/layui.css"  media="all">
<link rel="stylesheet" href="/css/font.css" media="all">
<link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all">
<link rel="stylesheet" href="/build/css/app.css" media="all">
<link rel="stylesheet" href="/lib/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="/js/jquery-3.3.1.min.js"></script>
<!--  -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!--  -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

< / head >
< body >

<div class="layui-row" style="height: 50px">
</div>
<div class="layui-row">

    <div id="app">
        <my-component></my-component>
    </div>
    <template id="store_list">
        <el-table
                :data="tableData"
                border
                style="width: 100%">
            <el-table-column
                    fixed
                    prop="date"
                    label=""
                    width="150">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label=""
                    width="120">
            </el-table-column>
            <el-table-column
                    prop="province"
                    label=""
                    width="120">
            </el-table-column>
            <el-table-column
                    prop="city"
                    label=""
                    width="120">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label=""
                    width="300">
            </el-table-column>
            <el-table-column
                    prop="zip"
                    label=""
                    width="120">
            </el-table-column>
            <el-table-column
                    fixed="right"
                    label=""
                    width="100">
                <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="text" size="small"></el-button>
                    <el-button type="text" size="small"></el-button>
                </template>
            </el-table-column>
        </el-table>
    </template>

    <script>
        Vue.component("my-component",{
            template: "-sharpstore_list"
        })

        new Vue({
            el: "-sharpapp"
        })

        export default {
            methods: {
                handleClick(row) {
                    console.log(row);
                }
            },
            data() {
                return {
                    tableData: [{
                        date: "2016-05-03",
                        name: "",
                        province: "",
                        city: "",
                        address: " 1518 ",
                        zip: 200333
                    }, {
                        date: "2016-05-02",
                        name: "",
                        province: "",
                        city: "",
                        address: " 1518 ",
                        zip: 200333
                    }, {
                        date: "2016-05-04",
                        name: "",
                        province: "",
                        city: "",
                        address: " 1518 ",
                        zip: 200333
                    }, {
                        date: "2016-05-01",
                        name: "",
                        province: "",
                        city: "",
                        address: " 1518 ",
                        zip: 200333
                    }]
                }
            }
        }
    </script>

</div>

< / body >
< / html >

Mar.29,2021

what exactly is your problem? Just posted a code.

Menu