关于渲染列表
一,首先定义一个函数方法,
1,把方法名字放在watch中通过日期监听到,
2,把方法名字放在mounted中监听,mounted一般在初始化页面完成后,再对dom节点进行相关操作。
3.如果某属性需要判断 则放到需要被判断的函数中
二,方法中的数据
在函数中 首先把所需要的接口写进去,之后需要传递的参数,之后打印看是否打印成功,获取到的数据是需要绑定在table表格中的.。 首先是在table中 :data="tableData",把tableData定义在私有数据中是一个数组,之后在一个一个的进行数据绑定。数据就渲染完了
三,设置默认选中第一行高亮显示,选中其他行也显示高亮。在element中有两个属性分别是
cell-click 当某个单元格被点击时会触发该事件 列: @row-click="clickRow"
highlight-current-row 是否要高亮当前行 列::highlight-current-row="true"
默认选中第一行:
现在私有数据中定义一个selectRow :null,用来存放数据的地方,(私有数据是可以在全局这调用的)写在函数内部中 ->打印看是否打印成功的之后,
//默认选中第一行
self.$nextTick(function() {
self.selectRow = data[0] || null;
self.selectRow && this.$refs.table.setCurrentRow(self.selectRow);
});
选中其他行也显示高亮,之后在methods中去写绑定的点击事件,通过row拿到选中的数据
点击停役复役切换
一,首先定义一个函数方法,
1,把方法名字放在watch中通过日期监听到,
2,把方法名字放在mounted中监听,mounted一般在初始化页面完成后,再对dom节点进行相关操作。
3.如果某属性需要判断 则放到需要被判断的函数中
二:方法中的数据
二,在函数中 首先把所需要的接口写进去,之后需要传递的参数,之后打印看是否打印成功,因为需要判断是所以将获取到的数据json字符串需要转换,(以第二步中return为例,使用JSON.parse(return) 方法可以把JSON格式的字符串对象转化成js中,真实对象进行判断)
在私有数据中定义一个空对象,用来循环
echarts 柱状图赋值
私有的数据全局是可以使用的