vue子组件mounted不执行_vue使用过程踩坑【持续更新】

v-show 如何根据一个list是否为空控制显隐

示例代码如下：

export default {

data() {

return {

pictableData: {

...

data: [],

}

}

}

}

常量如何根据环境变量自动切换赋值

const debug_tools = {

xxx: xx,

xxxx: xx

}

...

const TOOLIDS = DEBUG ？ debug_tools : release_tools;

如何实现table的动态数据驱动

需求是table不确定有多少列，希望可以动态适配，一般的文本表格写法很简单(element-ui)：

export default {

data() {

return {

tableData: [{}],

cols: [{prop: 'xx', label: '列1'},...]

}

}

}

现在有个需求，cols中图片列的渲染希望用图片组件展示缩略图，当列都固定的时候自然可以直接定制：

...

但如果图片这一列前面不确定有多少列就麻烦了，曾经尝试在template层使用v-if v-else