1217

105 阅读1分钟

Vue过滤器         Vue.js 允许自定义过滤器,可被用作一些常见的文本格式化。        过滤器可以用在两个地方:mustache插值和v-bind表达式,过滤器应该被添加在JavaScript表达式的尾部,由管道符指示。

{{ msg | filter }}

支持传参:

// 多个参数可以使用( , )分隔 {{ msg | filter(val1,val2) }}

支持串联:

{{ msg | filter1 | filter2 }}

       串联,filter1 被定义为接收单个参数的过滤器函数,首先表达式 msg 的值将作为参数传入到函数中。然后继续调用同样被定义为接收单个参数的过滤器函数 filter2,将 filter1 的结果传递到 filter2 中。 全局过滤器        在创建 vue 实例之前创建,所有的 Vue 实例都可以使用。 定义全局语法:

Vue.filter("过滤器名称",function () {})

       过滤器中的 function ,它的第一个参数,是已经被规定好了的,永远都是过滤器管道符前面表达式的值。


引用bootstrap-table的js和css
<link rel="stylesheet" href=".s/bootstrap-table.min.css">
<script src="./js/bootstrap-table.min.js">
\

在script里面写:
代码:

注解:文件的请求方式是使用ajax的方法请求的,网页布局使用bootstrap-table格式(class名字:table)
ajax的请求:url、type、success(成功)

html:
<div class="row">
<table class="table">


\

// url:""   ,                  // 数据源
pagination:true,               //启用分页
pageSize:5,                   //分页大小
// pageList:[1,2,3],             //自定义分页
showToggle:true,               //试图
showPaginationSwitch:true,       //分页开关
showFullscreen:true,             //全屏
showRefresh:true,             //刷新(仅支持url数据源)
\