进入网页就自动弹出层

<script>
;!function(){


//页面一打开就执行,放入ready是为了layer所需配件(css、扩展模块)加载完毕
layer.ready(function(){ 
  layer.open({
    type: 2,
    title: '欢迎页',
    maxmin: true,
    area: ['800px', '500px'],
    content: 'http://layer.layui.com/test/welcome.html',
    end: function(){
      layer.tips('Hi', '#about', {tips: 1})
    }
  });
});

//关于
$('#about').on('click', function(){
  //layer.alert(layer.v + ' - 贤心出品 sentsin.com');
  			var id = $(this).attr("lay-id");
			layer.ready(function(){ 
			  layer.open({
				type: 2,
				title: '查看用户',
				maxmin: true,
				area: ['980px', '700px'],
				content: '07.php?id='+id,
				end: function(){
				  self.location='071.php'; 
				}
			  });
			});
});

}();
</script>

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
可以使用Vue的生命周期钩子函数和条件判断来实现自动弹出。 首先,在弹出层组件中设置一个属性,用来控制弹出层是否显示: ``` <template> <div v-if="show"> <!-- 弹出层内容 --> </div> </template> <script> export default { data() { return { show: false } }, mounted() { // 在mounted钩子函数中判断是否需要自动弹出 if (this.needAutoShow()) { this.show = true } }, methods: { needAutoShow() { // 根据条件判断是否需要自动弹出 // 返回true或false } } } </script> ``` 在mounted钩子函数中,调用needAutoShow方法来判断是否需要自动弹出。needAutoShow方法根据条件判断是否需要弹出,返回true或false。如果需要弹出,则将show属性设置为true,弹出层就会自动显示出来。 需要注意的是,弹出层组件需要被引入到父组件中,并且需要传递需要判断的条件给弹出层组件,才能实现自动弹出。具体实现可以参考以下代码: ``` <template> <div> <button @click="showPopup">点击弹出</button> <Popup :condition="condition"></Popup> </div> </template> <script> import Popup from './Popup.vue' export default { components: { Popup }, data() { return { condition: 'xxx' // 需要判断的条件 } }, methods: { showPopup() { this.$refs.popup.show = true // 手动控制弹出层显示 } } } </script> ``` 在父组件中,通过传递condition属性给弹出层组件,可以让弹出层组件根据条件判断是否需要自动弹出。在showPopup方法中,可以手动控制弹出层的显示,方便进行测试和调试。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值