2.写vue遇到的小问题及解决方法。如：如何延迟两秒执行某行代码；清空子组件数据列表的选中状态；本地样式正确，部署服务器后，样式出错

问题1.

问题描述：

vue中如何延迟指定时间执行某行代码

解决方法：

（1）在data中先定义 timer:null

	data(){
		return {
			timer: null,
		}
	}

（2）在需要延迟的代码处这样写

	//清除延迟执行
	clearTimeout(this.timer); 
	//设置延迟执行,这里设置延迟两秒执行
	this.timer = setTimeout(()=>{
	  this.$message.success('模板下载成功')
	},2000);

问题2：

问题描述：

如何清空子组件数据列表的选中状态

	<el-dialog :close-on-click-modal="false" :visible.sync="add_dialog">
		<el-form :model="form" size="mini">
			<!-- 下方<soncom>为子组件 -->
			<soncom ref="soncomRef"></soncom>
		</el-form>
	</el-dialog>

子组件是数据列表，展示效果如下图，勾选过后，第二次点开，仍然是勾选状态。希望第二次点开的时候，状态变为未勾选

解决方法：

在需要的地方，加以下代码。注意：soncomRef是子组件的ref别名

	this.$refs.soncomRef.$refs.filterTable.clearSelection();

以上是清空子组件的。如果是清空当前页的，直接用以下代码即可：

	this.$refs.filterTable.clearSelection(); 

问题3：

问题描述：

在本地看页面样式是正确的，部署到sit环境之后，样式发生错乱

解决方法：

有一个页面的样式没有加scoped,影响到了其他页面。为其加上scoped即可

	<style style="sass" scoped>
		
	</style>

scoped的作用：实现组件的私有化, 当前style属性只属于当前模块.