文档章节

vue中一个关于input元素的小坑

fattypanda
 fattypanda
发布于 2016/12/08 11:31
字数 317
阅读 724
收藏 1

精选30+云产品,助力企业轻松上云!>>>

        客户要求做了一个手机端的网站(使用vue2.0),要求能在大部分手机上没有问题,还要添加百度地图,扩展自己的功能。比如,我在百度地图生成了自己的搜索控件(搜索嘛,一定会有一个input元素)。

        当时直接使用的原生JS创建的DOM元素,并生成了一个input元素进行输入,但发现在safari浏览器不并不能输入。于是打开开发者工具进行调试,最后发现给input加上type="text"属性就可以输入了!!!???

        input的"type"不是默认就是"text"???

        接下来我又去创建了一个html文件就行测试,然后发现并不是safari的锅。

<html>
  <body>
    <!-- chrome,ie,safari都能输入 -->
    <input type="text">
    <!-- chrome,ie,safari都能输入 -->
    <input>
    <script>
      // chrome,ie,safari都能输入
      document.body.appendChild( document.createElement( 'input'));
    </script>
  </body>
</html>

        后来我又在vue2.0的环境下进行以上几测试,发现原来只是在vue里面才会出现这个问题,虽然并不明白为什么,但,个人猜测,可能是'.vue'进行解析编译时,进行了一些处理的原因吧。

fattypanda

fattypanda

粉丝 1
博文 11
码字总数 3049
作品 0
渝北
程序员
私信 提问
加载中
请先登录后再评论。
vue项目踩坑

  由于上一个小项目写的很次,这一次打算好好地写一个博客系统,最近刚刚结束了管理员的管理端的编写。其中遇到了很多小坑。   其实只能说自己vue用的不是特别熟练吧。很多问题都有些想当...

osc_jxumvtli
2018/05/03
4
0
Vue.js 快速入门

什么是Vue.js vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。作者是尤雨溪,写下这篇文章时vue.js版本为1.0.7 准备 我推荐使用sublime t...

鼎六智能
2016/09/30
1.1K
0
在vue中使用jsx语法

什么是JSX? JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析. 我为什么要在vue中用JSX? 想折腾一下...

fantasy525
2018/05/19
0
0
用 React 和 Vue 创建了两个完全相同的应用后,发现了这些差异

译者 jonjia 爱贝睿技术团队 在工作中使用 Vue 一段时间后,对它的工作原理有了相当深入的了解。然而,我很想知道篱笆另一边的草地是什么样 - React。 我已经阅读了 React 文档,也观看了一些...

爱贝睿技术团队
2018/08/03
0
0
VUE高阶------使用JSX语法

什么是JSX? JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析. 对于h参数 将 作为 的别名是 Vue 生态...

作者:SuperMan一路向北
2019/07/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

5 个 IDEA 必备插件,让效率成为习惯

IDEA 是最好的 IDE,谁赞成,谁反对? IDEA 是 Java 开发人员中最受欢迎和用户友好的 IDE 之一,它具有许多便利的功能,例如智能代码完成,自动执行繁琐的重复开发任务,因此它已成为 Java 社...

osc_1ipdqsf2
18分钟前
9
0
.Net Core 2.2升级3.1的避坑指南

写在前面   微软在更新.Net Core版本的时候,动作往往很大,使得每次更新版本的时候都得小心翼翼,坑实在是太多。往往是悄咪咪的移除了某项功能或者组件,或者不在支持XX方法,这就很花时间...

osc_gq57ni0z
19分钟前
11
0
Spring的学习与实战

目录 一、Spring起步 学习路线图 Spring的基础知识 什么是Spring Spring框架核心模块 SpringBoot 第一个Spring应用DEMO 编写自己的第一个SpringMVC例子 尝试使用Spring Boot DevTools Spring...

osc_j3111wl4
20分钟前
5
0
【Nginx】如何获取客户端真实IP、域名、协议、端口?看这一篇就够了!

写在前面 Nginx最为最受欢迎的反向代理和负载均衡服务器,被广泛的应用于互联网项目中。这不仅仅是因为Nginx本身比较轻量,更多的是得益于Nginx的高性能特性,以及支持插件化开发,为此,很多...

osc_rbml5ydi
21分钟前
16
0
CentOS 7 MySQL5.7 主从只同步部分库或表

同步部分数据有两个思路: master只发送需要的; 优点:中继日志小;如果多从库,只需要在主库中统一控制 缺点:中途修改比较麻烦,不能控制同步的表 slave只接收想要的 优点:中途修改同步的...

osc_tjhvpz8x
22分钟前
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部