一些问题总结

pointer-events:none；一个神奇的属性，可以点击当前元素背后隐藏的元素（元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。）

参考文献https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events

移动端：

-webkit-text-size-adjust:none;让手机端支持设置的字体大小，一般浏览器超过默认字体最小值之后就会使用默认最小值，使用这个属性可以继续改变

参考https://www.jianshu.com/p/9fad261dd3e1

IOS不兼容日期格式的   ' - '  连接符。可使用'/'连接(在safari浏览器下，new Date() 无法识别像 YYYY-MM-DD HH:mm:ss、YYYY.MM.DD HH:mm:ss这样的格式，只能识别YYYY/MM/DD HH:mm:ss、YYYY-MM-DDTHH:mm:ss这样的格式，但是chrome,firfox,ie都做了很好的拓展，都能识别。)

 

本地搜索(基于不分页的数据进行本地搜索，不需要请求接口)：

created() {this.data=data;// 请求接口获取到数据}

computed: {

tableData () {
    const { status, keywords } = this.query;
    return this.data.filter(item => {
        let flag = true;
        if (keywords) {
            flag = item.name.indexOf(keywords) > -1 || item.product_id.toString().indexOf(keywords) > -1;
        }
        if (status) {
            flag = flag && item.status === status;
        }
        return flag;
    });
}
}

table列表绑定数据时使用tableData

 

对vuex获取到的数据进行再次判断取值等等：

computed: {
    ...mapState('factory', {
        handleXX (state) {
            // code
           return xxx;
        }
    })
}

 

使用query传值，刷新之后值会是string类型，如果需要取的是number类型的值，需要转换值的类型，可用+取值。~~可用来对小数进行取整