为什么在textarea上设vmodel.lazy后，编译结果会包含blur时的$forceUpdate行为？

作者：_嗚啦啦900 | 来源：互联网 | 2023-10-11 19:24

演示模板：

</div></td></tr></tbody></table></div><br></pre><p>编译出的渲染函数的相关部分：</p><p><div class="codecolorer-container text default js" ><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br /></div></td><td><div class="text codecolorer">function render (createElement) { 'use strict';<br /><br><br /><br>    return createElement('textarea', {<br /><br><br /><br>        directives: [<br /><br>            { name: 'model', modifiers: { 'lazy': true } },<br /><br>        ],<br /><br><br /><br>        domProps: { 'value': this.X },<br /><br><br /><br>        on: {<br /><br>            'change': $event => { this.X = $event.target.value; },<br /><br>            'blur': () => this.$forceUpdate(),<br /><br>        }<br /><br><br /><br>    });<br /><br><br /><br>}</div></td></tr></tbody></table></div><br></pre><p>为什么要增加一个</p><div class="caota-%e5%86%85%e5%ae%b9_2" id="caota-1715848934"><p><br /><br></p></div><br><div class="codecolorer-container text default" ><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="text codecolorer">blur</div></td></tr></tbody></table></div><p>事件？对属性</p><div class="codecolorer-container text default" ><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="text codecolorer">X</div></td></tr></tbody></table></div><p>赋值，不本来就是响应式的吗？</p><div class="caota-%e5%86%85%e5%ae%b9%e5%90%8e"  id="caota-828325475"><br><h3 ><strong>    </strong></h3><br></div>		        <br>
        <script type="text/javascript">
            var cpro_id = "u6885494";

</script>
        <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </div>

<div class="blog_tags">
        <ul>
                        <li><a href="https://www.php1.cn/tag/text" target="_blank" title="text">text</a></li>
                        <li><a href="https://www.php1.cn/tag/编译" target="_blank" title="编译">编译</a></li>
                        <li><a href="https://www.php1.cn/tag/function" target="_blank" title="function">function</a></li>
                        <li><a href="https://www.php1.cn/tag/dom" target="_blank" title="dom">dom</a></li>
                        <li><a href="https://www.php1.cn/tag/get" target="_blank" title="get">get</a></li>
                    </ul>
    </div>

<div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">写下你的评论吧 !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了

会员登录 | 用户注册

推荐阅读

main
实践教程：使用 Gulp 和 Webpack 构建用户登录系统

本文将指导你通过 Gulp 和 Webpack 构建一个简单的用户登录界面，包括目录结构设置和关键文件的配置。 ... [详细]

蜡笔小新 2024-11-28 21:06:57
include
2023年PHP插件翻译指南

本文提供了详细的指导，帮助开发者了解如何使用PHP插件进行网站内容的翻译，特别是针对WordPress插件和主题的汉化及多语言支持。 ... [详细]

蜡笔小新 2024-11-29 12:13:02
split
ECharts图表绘制函数集

本文档提供了使用ECharts库创建柱状图、饼图和双折线图的JavaScript函数。每个函数都详细列出了参数说明，并通过示例展示了如何调用这些函数以生成不同类型的图表。 ... [详细]

蜡笔小新 2024-11-27 20:24:40
python
解决Python中Crypto.Cipher模块ImportError问题

本文详细探讨了在Python开发中遇到的ImportError: 无法找到名为Crypto.Cipher的模块的问题，并提供了多种解决方案，包括环境配置、库安装和代码调整等方法。 ... [详细]

蜡笔小新 2024-11-29 20:01:52
default
HTML5 拖拽功能实现

本文通过一个简单的示例，展示了如何利用 HTML5 的拖放 API 实现元素之间的拖拽功能。示例包括 HTML 结构、CSS 样式以及 JavaScript 逻辑，旨在帮助开发者快速理解和应用拖拽技术。 ... [详细]

蜡笔小新 2024-11-29 15:26:11
input
如何使用JavaScript获取绑定到DropDownList的ID值

本文探讨了在JavaScript中如何有效地从服务器控件DropDownList中获取绑定的ID值，而非仅仅是显示的文本值。这对于需要根据用户选择动态处理数据的应用场景非常有用。 ... [详细]

蜡笔小新 2024-11-29 13:19:37
web
2023年PHP处理请求超时的全面指南

本文详细介绍了在PHP中处理请求超时的各种方法，包括设置脚本执行时间、处理file_get_contents函数超时以及优化AJAX请求等，适合开发者参考学习。 ... [详细]

蜡笔小新 2024-11-29 12:55:50
input
django项目中使用手机号登录

本文使用聚合数据的短信接口，需要先获取到申请接口的appkey和模板id项目目录下创建ubtils文件夹，定义返回随机验证码和调取短信接口的函数function.py文件se ... [详细]

蜡笔小新 2024-11-29 05:44:12
object
hibernate报错

这个报错出现在userDao里面，sessionfactory没有注入。解决办法：spring整合Hibernate使用test测试时要把spring.xml和spring-hib ... [详细]

蜡笔小新 2024-11-28 16:52:44
include
MySQL 表分区详解及应用

本文详细介绍了MySQL表分区的概念、类型及其在实际应用中的实施方法，特别是针对Zabbix数据库的优化策略。 ... [详细]

蜡笔小新 2024-11-28 16:38:55
include
PHP 5.4.8 编译安装指南

本文详细介绍了如何在Linux环境下编译安装PHP 5.4.8，并配置为FastCGI模式运行。包括所需依赖包的安装、源代码下载、编译配置及启动服务等步骤。 ... [详细]

蜡笔小新 2024-11-28 10:19:51
include
Qt6 QML 图像绘制与剪裁

本文介绍了如何在Qt6 QML的画布中加载和绘制图像，并详细说明了图像剪裁的实现方法。 ... [详细]

蜡笔小新 2024-11-28 07:35:28
python
Windows Terminal 自定义配置：提升 PowerShell 7 使用体验

本文将指导你如何通过自定义配置，使 Windows Terminal 中的 PowerShell 7 更加高效且美观。我们将移除默认的广告和提示符，设置快捷键，并添加实用的别名和功能。 ... [详细]

蜡笔小新 2024-11-28 07:25:46
main
Flutter与Angular的对比分析

本文探讨了Flutter和Angular这两个流行框架的主要区别，包括它们的设计理念、适用场景及技术实现。 ... [详细]

蜡笔小新 2024-11-28 13:19:52
web
Web网络基础

目录儿1使用HTTP协议访问Web2HTTP的诞生2.1因特网的起源2.2互联网、因特网与万维网2.3万维网与HTTP3网络基础TCPIP3.1TCPIP协议族3.2TCPIP的分 ... [详细]

蜡笔小新 2024-11-27 18:39:10

_嗚啦啦900

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章