mint-ui中popup的modal参数
先直接上整个代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
</head>
<body>
<div id="app">
<mt-button @click.native="handleClick">按钮</mt-button>
<mt-popup
v-model="popupVisible"
position="left"
modal=false>
<child> </child>
</mt-popup>
</div>
</body>
<!-- 先引入 Vue -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/mint-ui/lib/index.js"></script>
<script>
new Vue({
el: '#app',
data:{
popupVisible:false
},
methods: {
handleClick: function() {
this.popupVisible = true
}
},
components:{
child:{
template:"<h1>我是宇宙最强</h1>"
}
}
})
</script>
</html>
这是相关API:http://mint-ui.github.io/docs...
我不想要那个modal层,但是根据参数修改,并不起作用,求教,多谢
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
应该是
:modal=false
,demo如下:https://jsfiddle.net/2sL68ek5/