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 >