|

楼主 |
发表于 2021-2-1 16:13:06
|
显示全部楼层
- <body bgcolor="#EAEAEA" class="html" id="homesecond">
- <div id="hidebg"></div>
- <div id="hidebox"></div>
- <div id="wrapper">
- <div id="header">
- <a title="NETCOM-100IE+" style="float: left;" href="index.htm"></a>
- </div>
- <div id="navfirst">
- <ul id="menu">
- <li id="h" :class="isActive === 'h' ? 'active' : ''" @click="changeActive('h')">
- <a href="home.htm" target="iframe_a">Home</a>
- </li>
- <li id="n" :class="isActive === 'n' ? 'active' : ''" @click="changeActive('n')">
- <a href="network.htm" target="iframe_a">Local</a>
- </li>
- <li id="s" :class="isActive === 's' ? 'active' : ''" @click="changeActive('s')">
- <a href="serial.htm" target="iframe_a">Serial</a>
- </li>
- <li id="t" :class="isActive === 't' ? 'active' : ''" @click="changeActive('t')">
- <a href="lora.htm" target="iframe_a">LORA Serial</a>
- </li>
- <li id="c" :class="isActive === 'c' ? 'active' : ''" @click="changeActive('c')">
- <a href="system.htm" target="iframe_a">System Serial</a>
- </li>
- <li id="l">
- <a>English</a>
- </li>
- </ul>
- </div>
- <iframe src="home.htm" width="100%" height="100%" frameborder="0" scrolling="no" name="iframe_a"></iframe>
- <script src="./vue.min.js"></script>
- <script>
- var vm = new Vue({
- el: '#navfirst',
- data: {
- isActive: 'h'
- },
- methods: {
- changeActive(data) {
- this.isActive = data
- }
- },
- })
- </script>
- </body>
复制代码 |
|