vue中一个关于input元素的小坑
vue中一个关于input元素的小坑
fattypanda 发表于12个月前
vue中一个关于input元素的小坑
  • 发表于 12个月前
  • 阅读 336
  • 收藏 1
  • 点赞 0
  • 评论 0

华为云·免费上云实践>>>   

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

        客户要求做了一个手机端的网站(使用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'进行解析编译时,进行了一些处理的原因吧。

共有 人打赏支持
粉丝 0
博文 5
码字总数 1634
×
fattypanda
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: