HTML\CSS\JS\Vue知识点

1.ES6变量字符串拼接模板`${}`

<div v-for="item in tableInfo" :key="item.Id">
          <div>
            {{ `${item.wasteName}(${item.wasteFactoryName})` }}
          </div>
</div>

2.Vue中this.$nexttick()用法

2.1 this.$nextTick作用：当数据被修改后使用这个方法，会回调获取更新后的dom再渲染出来

methods：{
    testClickA(){
　　　this.content = '改变了的值'
　　　// 这时候直接打印的话，由于dom元素还没更新
　　　// 因此打印出来的还是未改变之前的值
　　　　console.log(this.$refs.tar.innerText) // 初始值
　}

    testClickB() {
        this.content = '改变了的值'
        this.$nextTick(() => {
            // dom元素更新后执行，因此这里能正确打印更改之后的值
            console.log(this.$refs.tar.innerText) // 改变了的值
        })
    }
}