硬汉嵌入式论坛

 找回密码
 立即注册
查看: 6781|回复: 6
收起左侧

[有问必答] TCPNET 7.X中可以放vue吗

[复制链接]

6

主题

16

回帖

34

积分

新手上路

积分
34
发表于 2021-2-1 14:13:04 | 显示全部楼层 |阅读模式
用的RTX5系统的TL-TPNET7.X版本网络栈,自己在电脑上测试的vue语句测试正常,烧录到单片机中打开网页就不能用了,tcpnet中可以放vue吗
回复

使用道具 举报

1万

主题

7万

回帖

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
117586
QQ
发表于 2021-2-1 15:03:22 | 显示全部楼层
分享段简单的静态VUE网页代码,我试试。
回复

使用道具 举报

6

主题

16

回帖

34

积分

新手上路

积分
34
 楼主| 发表于 2021-2-1 16:13:06 | 显示全部楼层
  1. <body bgcolor="#EAEAEA" class="html" id="homesecond">
  2.     <div id="hidebg"></div>
  3.     <div id="hidebox"></div>
  4.     <div id="wrapper">
  5.         <div id="header">
  6.             <a title="NETCOM-100IE+" style="float: left;" href="index.htm"></a>
  7.         </div>
  8.         <div id="navfirst">
  9.             <ul id="menu">
  10.                 <li id="h" :class="isActive === 'h' ? 'active' : ''" @click="changeActive('h')">
  11.                     <a href="home.htm" target="iframe_a">Home</a>
  12.                 </li>
  13.                 <li id="n" :class="isActive === 'n' ? 'active' : ''" @click="changeActive('n')">
  14.                     <a href="network.htm" target="iframe_a">Local</a>
  15.                 </li>
  16.                 <li id="s" :class="isActive === 's' ? 'active' : ''" @click="changeActive('s')">
  17.                     <a href="serial.htm" target="iframe_a">Serial</a>
  18.                 </li>
  19.                 <li id="t" :class="isActive === 't' ? 'active' : ''" @click="changeActive('t')">
  20.                     <a href="lora.htm" target="iframe_a">LORA Serial</a>
  21.                 </li>
  22.                 <li id="c" :class="isActive === 'c' ? 'active' : ''" @click="changeActive('c')">
  23.                     <a href="system.htm" target="iframe_a">System Serial</a>
  24.                 </li>
  25.                 <li id="l">
  26.                     <a>English</a>
  27.                 </li>
  28.             </ul>
  29.         </div>

  30.         <iframe src="home.htm" width="100%" height="100%" frameborder="0" scrolling="no" name="iframe_a"></iframe>


  31.         <script src="./vue.min.js"></script>
  32.         <script>
  33.             var vm = new Vue({
  34.                 el: '#navfirst',
  35.                 data: {
  36.                     isActive: 'h'
  37.                 },
  38.                 methods: {
  39.                     changeActive(data) {
  40.                         this.isActive = data
  41.                     }
  42.                 },
  43.             })
  44.         </script>
  45. </body>
复制代码
回复

使用道具 举报

1万

主题

7万

回帖

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
117586
QQ
发表于 2021-2-1 17:27:16 | 显示全部楼层
QQ截图20210201172137.png
回复

使用道具 举报

6

主题

16

回帖

34

积分

新手上路

积分
34
 楼主| 发表于 2021-2-2 10:47:55 | 显示全部楼层
这个看不出来,我换一段代码,试试看按钮有没有效果吧。
回复

使用道具 举报

6

主题

16

回帖

34

积分

新手上路

积分
34
 楼主| 发表于 2021-2-2 10:48:28 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">

  3. <head>
  4.     <meta charset="GBK">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>

  8. <body>
  9.     <div id="app-5">
  10.         <p>{{ message }}</p>
  11.         <button v-on:click="reverseMessage">反转消息</button>
  12.     </div>
  13.     <script src="./vue.min.js"></script>
  14.     <script>
  15.         var app5 = new Vue({
  16.             el: '#app-5',
  17.             data: {
  18.                 message: 'Hello Vue.js!'
  19.             },
  20.             methods: {
  21.                 reverseMessage: function () {
  22.                     this.message = this.message.split('').reverse().join('')
  23.                 }
  24.             }
  25.         })
  26.     </script>
  27. </body>

  28. </html>
复制代码
回复

使用道具 举报

1万

主题

7万

回帖

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
117586
QQ
发表于 2021-2-2 13:04:58 | 显示全部楼层
QQ截图20210202125948.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|Archiver|手机版|硬汉嵌入式论坛

GMT+8, 2025-8-16 15:04 , Processed in 0.038774 second(s), 27 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表