首先我们运维一般写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就返回数据