投稿
  1. 蓝洛水深首页
  2. 教程
  3. 网站
  4. 第5页

网站

  • 正确找到VUE的官方文档，肯定不是你搜到的v3.cn.vuejs.org

    其实此前我也不知道VUE3有新版文档，也是经过老师提醒才知道的。 一般流程 一般情况下，我们可能会通过搜索引擎搜索VUE，如下 这时候我们很自然的点击进入第二个结果，VUE.js官网 进入官网，顶部醒目的说明这是VUE2的文档，要进入VUE3请点击跳转 点击随后跳转至https://v3.cn.vuejs.org/ 如下所示 那么，这是VUE3的最新文档了吗…

    蓝洛水深的头像 蓝洛水深
    2022年7月8日 • 网站
    09200
  • VUE Elements报Elements in iteration expect to have 'v-bind:key' directives解决办法 网站

    VUE Elements报Elements in iteration expect to have ‘v-bind:key’ directives解决办法

    如下图所示，编辑器报错，但是前端能正常运行。 VUE中是简单这样示例的，但是实际上应该加上：key

    1
    2
    3
    <div v-for="item in items">
      {{ item.text }}
    </div>

    加上之后，上面的代码变成

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
                    <el-table-column prop="financial_money_received" width="120" align="center" sortable label="实收金额">
                        <template #default="scope">
                            <el-popover effect="light" trigger="hover" placement="top" width="auto">
                                <template #default>
                                    <div v-if="scope.row.temp_financial_money_received ==null">
                                        查无记录
                                    </div>
                                    <div v-else-if="scope.row.temp_financial_money_received.length === 0">
                                        查无记录
                                    </div>
                                    <div v-else>
                                        <div v-for="(item,index) in scope.row.temp_financial_money_received" :key="index">
                                            {{ item.date }}
                                        </div>
                                    </div>
                                </template>
                                <template #reference>
                                    <el-tag>{{ scope.row.financial_money_receivable }}</el-tag>
                                </template>
                            </el-popover>
                        </template>
                    </el-table-column>

    因为的元素中，并没有KEY字段，所以要引用一个索引作为KEY，当然，如果你有KEY，直接以对应KEY即可。

    蓝洛水深的头像 蓝洛水深
    2022年7月8日
    06740
  • VUE中，如何用v-if判断为空或者为[]{}情况 网站

    VUE中，如何用v-if判断为空或者为[]{}情况

    因为项目调整，原来是layui的，该字段此前并没有使用json数据，所以要么为空，要么为字符串。 升级后，项目使用VUE+element，这个字段也升级成为json数据或者为空的[]。 那么，在列表中，要如何呈现呢？ 直接上代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <el-table-column prop="financial_money_received" width="120" align="center" sortable label="实收金额">
                        <template #default="scope">
                            <el-popover effect="light" trigger="hover" placement="top" width="auto">
                                <template #default>
                                    <div v-if="scope.row.temp_financial_money_received ==null">
                                        查无记录
                                    </div>
                                    <div v-else-if="scope.row.temp_financial_money_received.length === 0">
                                        查无记录
                                    </div>
                                    <div v-else>
                                        <div> {{ scope.row.temp_financial_money_received }}</div>
                                    </div>
                                </template>
                                <template #reference>
                                    <el-tag>{{ scope.row.financial_money_receivable }}</el-tag>
                                </template>
                            </el-popover>
                        </template>
                    </el-table-column>

    第一个判断，先判断是否是老数据的null，也就是为空[crayon…

    蓝洛水深的头像 蓝洛水深
    2022年7月8日
    03.7K0
  • VUE前后端分离时，本地小皮面板400等错误解决 网站

    VUE前后端分离时，本地小皮面板400等错误解决

    此前，我们已经在thinkphp中配置了全局中间件，允许跨域请求。 VUE和Thinkphp6做前后端分离时，跨域请求怎么设置？Access-Control-Allow-Origin设置教程 但在本地开发过程中，我发现总是报错400，无法进行请求，console中也提示跨域错误。

    1
    origin 'http://localhost:9000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    所以，除了TP本…

    蓝洛水深的头像 蓝洛水深
    2022年6月27日
    07421
  • 如何取消WP Mail SMTP的每周总结邮件 网站

    如何取消WP Mail SMTP的每周总结邮件

    WP Mail SMTP是一款非常不错的WordPress邮件插件，使用了几年，一直都稳定高效。 但是有个小问题，WP Mail SMTP会发送每周的一个报告邮件，内容大概如下： 一个站点还好，如果是十个，数十个呢？除了本身的邮件通知，会收到非常非常多的邮件，而且意义不是很大。 怎么关闭？ 在这个报告邮件的底部最后一句英文写了：Learn how to di…

    蓝洛水深的头像 蓝洛水深
    2022年6月24日
    01770

  • 腾讯企业邮箱的IMAP、POP3/SMTP及其SSL加密方式设置教程

    POP3/SMTP协议 接收邮件服务器：pop.exmail.qq.com ，使用SSL，端口号995 发送邮件服务器：smtp.exmail.qq.com ，使用SSL，端口号465 海外用户调整为以下服务器 接收邮件服务器：hwpop.exmail.qq.com ，使用SSL，端口号995 发送邮件服务器：hwsmtp.exmail.qq.com ，使用…

    蓝洛水深的头像 蓝洛水深
    2022年6月12日 • 网站
    06750

  • 全民图床，2022年八款开源免费的图床相册程序推荐

    人在江湖，难免要用到图床。作为分享也好，自己收藏也罢，搭建一个图床还是有用的。 如果你手上有闲置的服务器、云主机，与其放着吃灰或者挂探针，不如弄一个图床吧。 这里整理了10款比较热门的图床程序。 一、Chevereto-Free 虽然我内心是极力拒绝和否定Chevereto的，但奈何市场占有率高，所以这里姑且第一个推荐。 特别强调，Chevereto作者性情…

    蓝洛水深的头像 蓝洛水深
    2022年6月12日 • 网站
    05.4K0
  • WordPress如何禁用搜索功能，为什么要禁用搜索功能？ 网站

    WordPress如何禁用搜索功能，为什么要禁用搜索功能？

    一聊到禁用搜索功能，很多人可能会觉得奇怪，好好的为什么要禁用搜索呢？ 主要有几方面原因。 一、安全性考虑 SQL注入其中一个切入点就是搜索，搜索时通过转码的布尔、联合等手段，通过多次尝试，虽然当前像WordPress、PHP，都对类似攻击做了一定防御，但是说不定哪一天一个新的漏洞，无疑让我们承担更多风险。 二、优化需要 相较于第一点，第二点其实才是重点。 数…

    蓝洛水深的头像 蓝洛水深
    2022年5月26日
    01910
  • Layui在手机访问时，怎么阻止laydate弹出键盘，只允许点击操作 网站

    Layui在手机访问时，怎么阻止laydate弹出键盘，只允许点击操作

    手机端在访问layui页面时，如果有laydate，点击后会弹出键盘，对于屏幕小一点的手机来说，非常不友好。 所以，我们要做的就是，阻止手机键盘的弹出。 实现方法 采用click弹出 laydate调整为click弹出，如下：

    1
    2
    3
    4
    5
    //自定义事件
    laydate.render({
      elem: '#test'
      ,trigger: 'click' //采用click弹出
    });

    input只读 在input所在行，增加一个属性，使input元素只…

    蓝洛水深的头像 蓝洛水深
    2022年5月13日
    08040

  • 微信公众号下发模板消息，电脑显示正常，手机没有显示字体颜色原因

    使用EasyWeChat下发模板消息，电脑端显示正常的字体颜色，但是手机上却没有显示颜色，这个问题困扰了我好一段时间，我甚至认为是微信升级，取消了颜色的显示。知道最近，认真看了文档后，才找到了原因，这里做一下简单分享。 首先，复现一下过程，使用的版本和代码信息。 一、问题复现 文档版本：EasyWeChat 5.x 文档链接：https://easywech…

    蓝洛水深的头像 蓝洛水深
    2022年5月11日 • 网站
    02.0K0
联系QQ
联系QQ
分享本页
返回顶部