极客观点
项目管理
HarmonyOS
先直接上整个代码。
<!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层，但是根据参数修改，并不起作用，求教，多谢
应该是
:modal=false,demo如下：https://jsfiddle.net/2sL68ek5/