原先网站使用layui前端，因业务变动，对机器端进行兼容优化添加vue+element-ui，保存一下。
<html>
<head>
<meta charset="UTF-8">
<!--引入 element-ui 的样式，-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 必须先引入vue， 后使用element-ui -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- 引入element 的组件库-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="cfile" v-on:click="setup()">扫描设定</button>
</div>
<el-button v-on:click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
<p>Try Element</p>
</el-dialog>
</div>
<script>
new Vue({
el: '#app',
data: function () {
return { visible: false, isSetup: false }
},
methods: {
setup: function () {
// `this` 在方法里指向当前 Vue 实例
console.log("扫描设定")
this.visible= true;
}
}
})
</script>
</body>
</html>
扫一扫
520
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
