通过vue和element-ui框架写前台

置顶江南剑雨

已于 2023-05-30 14:02:23 修改

阅读量1.7k

点赞数

分类专栏： python web 文章标签： vue.js ui 前端

于 2020-04-12 19:52:42 首次发布

本文链接：https://blog.csdn.net/u011533425/article/details/105474731

版权

python 同时被 2 个专栏收录

24 篇文章 1 订阅

订阅专栏

web

17 篇文章 1 订阅

订阅专栏

首先我们运维一般写web界面很多都会使用bootstrp，jquery。现在vue其以简单，不用直接操作dom，深受广大非前端爱好者的喜欢，前端只用写界面，后台关注界面就可以了，实现前后台分离

flask如何引入vue.js和element-ui框架

在head块引入
	<head>
		<meta charset="utf-8">
		<title>xxxx</title>
		 <link rel="stylesheet" href="/static/lib/element-ui/css/index.css">
        
		 <script src="/static/js/vue.js"></script>
		 <script src="/static/lib/element-ui/js/index.js"></script>
		<script src="/static/js/axios.min.js"></script>
	</head>
特别注意： element-ui字体库要放在lib/element-ui/css目录下面

<el-table
    :data="tableData"
	 border
    size="mini" style="width:99%" >
	 <el-table-column type="String" label="tips" prop="tips" width="580" align="center">
          <template slot-scope="scope">
                <p v-html='scope.row.tips'></p>
            </template>
        </el-table-column>
表格使用html语言


number_list = this.log_number_list;
return log_number_list.filter(function (item) {  ###filter将列表元素作用于每一个函数
return String(item['ip']).indexOf(filtertext) != -1  ###如果找到filtertext就返回数据

江南剑雨

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
通过vue和element-ui框架写前台

首先我们运维一般写web界面很多都会使用bootstrp，jquery。现在vue其以简单，不用直接操作dom，深受广大非前端爱好者的喜欢，前端只用写界面，后台关注界面就可以了，实现前后台分离**flask如何引入vue.js和element-ui框架**在head块引入 <head> <meta charset="utf-8"> <title&g...
复制链接

扫一扫