Vue3 关于setup与自定义指令

网友:vu 文章列表 2024-03-21 19:30:35 1

{"response":{"error":"API请求失败","http_code":403,"response":"\n\n\n \n \n \n 403 - Forbidden<\/title>\n<\/head>\n\n<body>\n </p> <div class=\"main\">\n </p> <div style=\"text-align: center; margin-top: 25vh;\">\n </p> <div class=\"d1\">403 - Forbidden<\/div>\n </p> <div class=\"d2\">您的请求可能存在威胁，已被拦截！<\/div>\n </p> <div class=\"d3\"><span class=\"title\">Event ID : <\/span><span id=\"eventId\" class=\"value\">b7cc3412c7a4794a6919b41c0cb7e0b7<\/span><svg\n id=\"copy\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"16px\"\n height=\"16px\" viewBox=\"0 0 16 16\" version=\"1.1\">\n <title>Copy<\/title>\n <defs>\n <rect id=\"path-1\" x=\"0\" y=\"0\" width=\"16\" height=\"16\" \/>\n <\/defs>\n <g id=\"反馈页面\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"拦截页面\" transform=\"translate(-994.000000, -303.000000)\">\n <g id=\"编组\" transform=\"translate(654.000000, 300.000000)\">\n <g id=\"Copy\" transform=\"translate(340.000000, 3.000000)\">\n <mask id=\"mask-2\" fill=\"white\">\n <use xlink:href=\"#path-1\" \/>\n <\/mask>\n <g id=\"路径\" \/>\n <path\n d=\"M10.6666667,4 C10.8434777,4 11.0130474,4.07023802 11.1380717,4.19526227 C11.2630959,4.32028652 11.3333333,4.48985567 11.3333333,4.66666667 L11.3333333,14.074 C11.3333333,14.4013334 11.0546665,14.6666667 10.7109998,14.6666667 L2.62233337,14.6666667 C2.27866669,14.6666667 2,14.4013334 2,14.074 L2,4.59266663 C2,4.26533329 2.27866669,4 2.62233337,4 L10.6666667,4 Z M10,5.33333333 L3.33333333,5.33333333 L3.33333333,13.3333333 L10,13.3333333 L10,5.33333333 Z M13.3333333,1.33333333 C13.5101443,1.33333333 13.6797141,1.4035712 13.8047384,1.52859545 C13.9297626,1.6536197 14,1.823189 14,2 L14,10.3333333 C14,10.4217388 13.9648813,10.5065237 13.9023692,10.5690358 C13.8398571,10.631548 13.7550722,10.6666667 13.6666667,10.6666667 L13,10.6666667 C12.9115945,10.6666667 12.8268096,10.631548 12.7642975,10.5690358 C12.7017854,10.5065237 12.6666667,10.4217388 12.6666667,10.3333333 L12.6666667,2.66666667 L6.33333333,2.66666667 C6.24492783,2.66666667 6.16014294,2.63154765 6.09763082,2.56903553 C6.03511869,2.50652341 6,2.42173883 6,2.33333333 L6,1.66666667 C6,1.57826117 6.03511869,1.49347659 6.09763082,1.43096447 C6.16014294,1.36845235 6.24492783,1.33333333 6.33333333,1.33333333 L13.3333333,1.33333333 Z\"\n id=\"Vector\" fill=\"#333333\" mask=\"url(#mask-2)\" \/>\n <\/g>\n <\/g>\n <\/g>\n <\/g>\n <\/svg><\/div>\n </p> <div class=\"d3\"><span class=\"title\">拦截时间 : <\/span><span class=\"value\" id=\"time\"><\/span><\/div>\n </p> <div class=\"d5\">本页面为天翼云Web应用防火墙（原生版）默认提示页面，如存在错误<span style=\"color: rgb(0, 0, 0);\">拦截<\/span>，请联系网站管理员并提供EventID<\/div>\n <\/div>\n<\/body>\n</p> <style type=\"text\/css\">\n .d1 {\n font-weight: bold;\n font-size: 32px;\n color: red;\n }\n\n .d2 {\n margin: 30px 0;\n font-weight: 600;\n font-size: 30px;\n color: #181818;\n }\n\n .d3 {\n margin: 10px 0;\n }\n\n .d3 .title {\n font-family: PingFangSC, PingFang SC;\n font-weight: 400;\n font-size: 14px;\n color: #7C818C;\n }\n\n .d3 .value {\n font-weight: 400;\n font-size: 14px;\n color: #333333;\n }\n\n .d5 {\n font-weight: 400;\n font-size: 12px;\n color: #7C818C;\n margin-top: 300px;\n }\n<\/style>\n<script>\n const date = new Date();\n document.getElementById('time').innerHTML = `${date.getFullYear()}-${(1 + date.getMonth()).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`\n const copyIcon = document.getElementById('copy').addEventListener('click', () => {\n navigator.clipboard.writeText(document.getElementById('eventId').innerText);\n })\n<\/script>\n\n<\/html>"}}</p> </div> <div class="clear"></div> <div class="article_tags"> <div class="tagcloud"> 网络标签：<a href="http://www.139962.cn/tag/zl" rel="tag">指令</a> <a href="http://www.139962.cn/tag/zj-3" rel="tag">组件</a> <a href="http://www.139962.cn/tag/bd-3" rel="tag">绑定</a> </div> </div> </div> </div> <div> <ul class="post-navigation row"> <div class="post-previous twofifth"> 上一篇 <br> <a href="http://www.139962.cn/thread/25025.html" rel="prev">鸿鹄工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统</a> </div> <div class="post-next twofifth"> 下一篇 <br> <a href="http://www.139962.cn/thread/25027.html" rel="next">Linux下文件夹的移动与复制</a> </div> </ul> </div> <div class="article_container row box article_related"> <div class="related"> <div class="newrelated"> <h2>相关问题</h2> <ul> <li><a href="http://www.139962.cn/thread/14767.html">amd、cmd、esmodule、commonjs区别</a></li> <li><a href="http://www.139962.cn/thread/588.html">Intel SIMD: AVX2</a></li> <li><a href="http://www.139962.cn/thread/7827.html">FLIPPED 一款简易且漂亮的跨平台截图软件</a></li> <li><a href="http://www.139962.cn/thread/14292.html">ANR 分析</a></li> <li><a href="http://www.139962.cn/thread/16452.html">使用串口重定向为服务器安装linux操作系统</a></li> <li><a href="http://www.139962.cn/thread/34519.html">如何找出消耗CPU最多的线程？</a></li> <li><a href="http://www.139962.cn/thread/38432.html">u-view2.0 引入iconfont（阿里字体图标库）详细步骤！</a></li> <li><a href="http://www.139962.cn/thread/13466.html">[linux kernel]slub内存管理分析(2) 初始化</a></li> <li><a href="http://www.139962.cn/thread/32824.html">微服务治理框架（Istio）的认证服务与访问控制</a></li> </ul> </div> </div> </div> <div class="clear"></div> <div id="comments_box"> </div> </div> <div id="sidebar"> <div id="sidebar-follow"> <div class="search box row"> <div class="search_site"> <form id="searchform" method="get" action="http://www.139962.cn/index.php"> <button type="submit" value="" id="searchsubmit" class="button"><i class="fasearch">☚</i></button> <label><input type="text" class="search-s" name="s" x-webkit-speech="" placeholder="请输入搜索内容"></label> </form></div></div> <div class="widget_text widget box row widget_custom_html"><h3>公告</h3><div class="textwidget custom-html-widget"></div></div> <div class="widget box row widget_tag_cloud"><h3>标签</h3><div class="tagcloud"><a href="http://www.139962.cn/tag/dm" class="tag-cloud-link tag-link-31 tag-link-position-1" style="font-size: 14.339622641509pt;" aria-label="代码 (1,964个项目)">代码</a> <a href="http://www.139962.cn/tag/ys-6" class="tag-cloud-link tag-link-289 tag-link-position-2" style="font-size: 13.547169811321pt;" aria-label="元素 (1,708个项目)">元素</a> <a href="http://www.139962.cn/tag/nc" class="tag-cloud-link tag-link-303 tag-link-position-3" style="font-size: 8.1320754716981pt;" aria-label="内存 (656个项目)">内存</a> <a href="http://www.139962.cn/tag/hs" class="tag-cloud-link tag-link-33 tag-link-position-4" style="font-size: 18.169811320755pt;" aria-label="函数 (3,793个项目)">函数</a> <a href="http://www.139962.cn/tag/cs" class="tag-cloud-link tag-link-103 tag-link-position-5" style="font-size: 11.830188679245pt;" aria-label="参数 (1,247个项目)">参数</a> <a href="http://www.139962.cn/tag/bl" class="tag-cloud-link tag-link-212 tag-link-position-6" style="font-size: 10.905660377358pt;" aria-label="变量 (1,070个项目)">变量</a> <a href="http://www.139962.cn/tag/ml" class="tag-cloud-link tag-link-41 tag-link-position-7" style="font-size: 12.094339622642pt;" aria-label="命令 (1,320个项目)">命令</a> <a href="http://www.139962.cn/tag/zzl" class="tag-cloud-link tag-link-9 tag-link-position-8" style="font-size: 22pt;" aria-label="在这里 (7,342个项目)">在这里</a> <a href="http://www.139962.cn/tag/dz" class="tag-cloud-link tag-link-194 tag-link-position-9" style="font-size: 9.0566037735849pt;" aria-label="地址 (780个项目)">地址</a> <a href="http://www.139962.cn/tag/zd-3" class="tag-cloud-link tag-link-182 tag-link-position-10" style="font-size: 8.1320754716981pt;" aria-label="字段 (654个项目)">字段</a> <a href="http://www.139962.cn/tag/zfc" class="tag-cloud-link tag-link-34 tag-link-position-11" style="font-size: 11.698113207547pt;" aria-label="字符串 (1,230个项目)">字符串</a> <a href="http://www.139962.cn/tag/rq-3" class="tag-cloud-link tag-link-327 tag-link-position-12" style="font-size: 10.11320754717pt;" aria-label="容器 (925个项目)">容器</a> <a href="http://www.139962.cn/tag/dx" class="tag-cloud-link tag-link-75 tag-link-position-13" style="font-size: 15.264150943396pt;" aria-label="对象 (2,312个项目)">对象</a> <a href="http://www.139962.cn/tag/sx" class="tag-cloud-link tag-link-163 tag-link-position-14" style="font-size: 9.9811320754717pt;" aria-label="属性 (916个项目)">属性</a> <a href="http://www.139962.cn/tag/zz-2" class="tag-cloud-link tag-link-151 tag-link-position-15" style="font-size: 8.3962264150943pt;" aria-label="指针 (695个项目)">指针</a> <a href="http://www.139962.cn/tag/jk" class="tag-cloud-link tag-link-63 tag-link-position-16" style="font-size: 10.509433962264pt;" aria-label="接口 (989个项目)">接口</a> <a href="http://www.139962.cn/tag/crtp" class="tag-cloud-link tag-link-10 tag-link-position-17" style="font-size: 17.641509433962pt;" aria-label="插入图片 (3,441个项目)">插入图片</a> <a href="http://www.139962.cn/tag/cz" class="tag-cloud-link tag-link-135 tag-link-position-18" style="font-size: 9.5849056603774pt;" aria-label="操作 (844个项目)">操作</a> <a href="http://www.139962.cn/tag/sj" class="tag-cloud-link tag-link-19 tag-link-position-19" style="font-size: 20.415094339623pt;" aria-label="数据 (5,579个项目)">数据</a> <a href="http://www.139962.cn/tag/sjk" class="tag-cloud-link tag-link-196 tag-link-position-20" style="font-size: 10.245283018868pt;" aria-label="数据库 (964个项目)">数据库</a> <a href="http://www.139962.cn/tag/sz" class="tag-cloud-link tag-link-66 tag-link-position-21" style="font-size: 14.075471698113pt;" aria-label="数组 (1,865个项目)">数组</a> <a href="http://www.139962.cn/tag/wj" class="tag-cloud-link tag-link-38 tag-link-position-22" style="font-size: 17.77358490566pt;" aria-label="文件 (3,554个项目)">文件</a> <a href="http://www.139962.cn/tag/ff" class="tag-cloud-link tag-link-32 tag-link-position-23" style="font-size: 16.320754716981pt;" aria-label="方法 (2,731个项目)">方法</a> <a href="http://www.139962.cn/tag/sj-2" class="tag-cloud-link tag-link-43 tag-link-position-24" style="font-size: 8.7924528301887pt;" aria-label="时间 (741个项目)">时间</a> <a href="http://www.139962.cn/tag/fwq" class="tag-cloud-link tag-link-22 tag-link-position-25" style="font-size: 9.9811320754717pt;" aria-label="服务器 (903个项目)">服务器</a> <a href="http://www.139962.cn/tag/mk" class="tag-cloud-link tag-link-290 tag-link-position-26" style="font-size: 8.3962264150943pt;" aria-label="模块 (684个项目)">模块</a> <a href="http://www.139962.cn/tag/mx" class="tag-cloud-link tag-link-13 tag-link-position-27" style="font-size: 13.547169811321pt;" aria-label="模型 (1,689个项目)">模型</a> <a href="http://www.139962.cn/tag/ms" class="tag-cloud-link tag-link-76 tag-link-position-28" style="font-size: 8.5283018867925pt;" aria-label="模式 (708个项目)">模式</a> <a href="http://www.139962.cn/tag/cs-2" class="tag-cloud-link tag-link-146 tag-link-position-29" style="font-size: 11.962264150943pt;" aria-label="测试 (1,296个项目)">测试</a> <a href="http://www.139962.cn/tag/bb" class="tag-cloud-link tag-link-97 tag-link-position-30" style="font-size: 9.4528301886792pt;" aria-label="版本 (832个项目)">版本</a> <a href="http://www.139962.cn/tag/yh" class="tag-cloud-link tag-link-27 tag-link-position-31" style="font-size: 10.377358490566pt;" aria-label="用户 (984个项目)">用户</a> <a href="http://www.139962.cn/tag/ds" class="tag-cloud-link tag-link-99 tag-link-position-32" style="font-size: 8.5283018867925pt;" aria-label="的是 (704个项目)">的是</a> <a href="http://www.139962.cn/tag/ml-2" class="tag-cloud-link tag-link-42 tag-link-position-33" style="font-size: 8.9245283018868pt;" aria-label="目录 (758个项目)">目录</a> <a href="http://www.139962.cn/tag/sl-3" class="tag-cloud-link tag-link-88 tag-link-position-34" style="font-size: 8.2641509433962pt;" aria-label="示例 (675个项目)">示例</a> <a href="http://www.139962.cn/tag/cx" class="tag-cloud-link tag-link-142 tag-link-position-35" style="font-size: 8.1320754716981pt;" aria-label="程序 (660个项目)">程序</a> <a href="http://www.139962.cn/tag/sf-2" class="tag-cloud-link tag-link-56 tag-link-position-36" style="font-size: 10.11320754717pt;" aria-label="算法 (938个项目)">算法</a> <a href="http://www.139962.cn/tag/lx" class="tag-cloud-link tag-link-24 tag-link-position-37" style="font-size: 10.377358490566pt;" aria-label="类型 (969个项目)">类型</a> <a href="http://www.139962.cn/tag/xt" class="tag-cloud-link tag-link-58 tag-link-position-38" style="font-size: 11.037735849057pt;" aria-label="系统 (1,095个项目)">系统</a> <a href="http://www.139962.cn/tag/xc" class="tag-cloud-link tag-link-71 tag-link-position-39" style="font-size: 12.754716981132pt;" aria-label="线程 (1,493个项目)">线程</a> <a href="http://www.139962.cn/tag/zj-3" class="tag-cloud-link tag-link-198 tag-link-position-40" style="font-size: 10.11320754717pt;" aria-label="组件 (936个项目)">组件</a> <a href="http://www.139962.cn/tag/jd" class="tag-cloud-link tag-link-159 tag-link-position-41" style="font-size: 14.471698113208pt;" aria-label="节点 (2,009个项目)">节点</a> <a href="http://www.139962.cn/tag/lj" class="tag-cloud-link tag-link-199 tag-link-position-42" style="font-size: 8pt;" aria-label="路径 (638个项目)">路径</a> <a href="http://www.139962.cn/tag/jc" class="tag-cloud-link tag-link-105 tag-link-position-43" style="font-size: 9.7169811320755pt;" aria-label="进程 (861个项目)">进程</a> <a href="http://www.139962.cn/tag/dl-2" class="tag-cloud-link tag-link-324 tag-link-position-44" style="font-size: 8.6603773584906pt;" aria-label="队列 (721个项目)">队列</a> <a href="http://www.139962.cn/tag/xm" class="tag-cloud-link tag-link-130 tag-link-position-45" style="font-size: 11.566037735849pt;" aria-label="项目 (1,193个项目)">项目</a></div> </div> <div class="widget box row"> <div id="tab-title"> <div class="tab"> <ul id="tabnav"> <li class="selected">猜你想看的文章</li> </ul> </div> <div class="clear"></div> </div> <div id="tab-content"> <ul> <li><a href="http://www.139962.cn/thread/10158.html">React常见的hook</a></li> <li><a href="http://www.139962.cn/thread/25177.html">干货 | MOSFET开关：电源变换器基础知识及应用</a></li> <li><a href="http://www.139962.cn/thread/47021.html">第12讲：ElementUI+Vue路由综合案例</a></li> <li><a href="http://www.139962.cn/thread/40341.html">【题解】BZOJ4975 区间翻转</a></li> <li><a href="http://www.139962.cn/thread/26789.html">企业如何开发自己的小程序</a></li> <li><a href="http://www.139962.cn/thread/3122.html">Cesium+Vue3+vite 环境搭建（nvm安装使用），以及简单上手</a></li> <li><a href="http://www.139962.cn/thread/15774.html">CSS基础知识点-01</a></li> <li><a href="http://www.139962.cn/thread/43571.html">Edge浏览器经常崩溃、卡死、黑屏解决方法（解决完整性冲突）</a></li> <li><a href="http://www.139962.cn/thread/50997.html">校友小程序定制开发带我们回到那个学生时代</a></li> <li><a href="http://www.139962.cn/thread/5134.html">1638_chdir函数的功能</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="clear"></div> <div id="footer"> <div class="container"> <div class="twothird"> </div> </div> <div class="container"> <div class="twothird"> <div class="copyright"> <p> Copyright © 2012 - 2026 <a href="http://www.139962.cn/"><strong>黑砂博客</strong></a> Powered by <a href="/lists">网站分类目录</a> | <a href="/top100.php" target="_blank">精选推荐文章</a> | <a href="/sitemap.xml" target="_blank">网站地图</a> | <a href="/post/" target="_blank">疑难解答</a> <a href="https://beian.miit.gov.cn/" rel="external">晋ICP证370513号</a> </p> <p>声明：本站内容来自互联网，如信息有错误可发邮件到f_fb#foxmail.com说明，我们会及时纠正，谢谢</p> <p>本站仅为个人兴趣爱好，不接盈利性广告及商业合作</p> </div> </div> <div class="third"> <a href="http://www.xiaoboy.cn" target="_blank" rel="nofollow noopener">小男孩</a> </div> </div> </div>  <div id="tbox"> <a id="home" href="http://www.139962.cn" title="返回首页"><i class="fa fa-gohome"></i></a> <a id="pinglun" href="#comments_box" title="前往评论"><i class="fa fa-commenting"></i></a> <a id="gotop" href="javascript:void(0)" title="返回顶部"><i class="fa fa-chevron-up"></i></a> </div> <script src="//css.5d.ink/body5.js" type="text/javascript"></script> <script> (function () { 'use strict'; function ready(fn) { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', fn); } else { fn(); } } function initNav() { var btn = document.querySelector('.menu-button'); var menu = document.querySelector('.topnav .menu'); if (!btn || !menu) { return; } btn.addEventListener('click', function () { btn.classList.toggle('active'); menu.classList.toggle('open'); }); } function initGoTop() { var top = document.getElementById('gotop'); if (!top) { return; } var update = function () { var h = window.innerHeight || document.documentElement.clientHeight; var y = window.pageYOffset || document.documentElement.scrollTop; top.style.display = y > h ? 'block' : 'none'; }; top.addEventListener('click', function () { window.scrollTo({ top: 0, behavior: 'smooth' }); }); window.addEventListener('scroll', update, { passive: true }); update(); } function insertAtCursor(ta, text) { if (ta.selectionStart || ta.selectionStart === 0) { var s = ta.selectionStart, e = ta.selectionEnd; ta.value = ta.value.substring(0, s) + text + ta.value.substring(e, ta.value.length); ta.selectionStart = ta.selectionEnd = s + text.length; } else { ta.value += text; } ta.focus(); } window.grin = function (tag) { var ta = document.getElementById('comment'); if (!ta || ta.type !== 'textarea') { return false; } insertAtCursor(ta, ' :' + tag + ': '); return false; }; window.toggleCommentAuthorInfo = function () { var box = document.getElementById('comment-author-info'); var link = document.getElementById('toggle-comment-author-info'); if (!box) { return; } var hidden = box.style.display === 'none'; box.style.display = hidden ? '' : 'none'; if (link) { link.textContent = hidden ? '[ 隐藏 ]' : '[ 更改 ]'; } }; function initComment() { var smi = document.querySelector('.comt-addsmilies'); var panel = document.querySelector('.comt-smilies'); if (smi && panel) { smi.addEventListener('click', function (e) { e.preventDefault(); panel.style.display = (panel.style.display === 'block') ? 'none' : 'block'; }); } } ready(function () { initNav(); initGoTop(); initComment(); }); })(); </script> </body></html>