一、前端JS渲染数据
1、渲染数据一定要是json格式,列如:
我们从数据库查询出来得都是数组,需统一转json格式
$list=array('a,b,c);
json_encode($list);
2、前端渲染---js部分
(1)加载vue.js文件
<script src="/public/js/mui.min.js"></script>
<script src="/public/js/vue.js"></script>
var app = new Vue({
el: "#app",
data: {
//自定义参数
list:{$list}
},
methods: {
//自定义方法
},
created() {
//打开网页需要加载得部分
}
})
3、前端渲染--html部分
<div class="mui-card m-t-m test" v-for="(item, index) in list">
<span class="info flex-1">{{item.sui_name}}</span>
</div>
4、判断数组是否包含某个元素【js/vue都适用】
item.value.indexOf(item1.value)>0
待续。。。。。