zoukankan      html  css  js  c++  java
  • VUE 踩坑

    1.使用双花括号的数据绑定方式,页面加载时会先显示花括号{{}} ,再加载数据,影响UI体验

    解决:使用 [v-cloak] 样式

    <body>
            <style>
                [v-cloak]{
                    display: none;
                }
            </style>
            <div id="app" v-cloak>
                {{ messgae }} {{ name }}
            </div>
            <script type="text/javascript">
            var app=new Vue(
                {
                    el:"#app",
                    data:{
                        messgae:"hello Vue!",
                        name:"Vue"
                    }
                }
            );
            </script>
        </body>

    或者使用 v-text 绑定

    <div id="app" v-text="messgae"> </div>

     2.使用element组件 绑定事件 v-on:dblclick 没有生效,因为在自定义组件上注册的事件触发的是组件自定义的事件,根本不是原生的dom事件

    解决:使用 v-on:dblclick.native 绑定 ,.native修饰符就是用来注册元素的原生事件而不是组件自定义事件的, 等同于在子组件中:子组件内部处理dblclick事件然后向外发送dblclick事件:$emit("dblclick".fn)

    <el-input size="small" v-if="item.MaterialWeighID==0" v-model="item.InTruckNumber" v-on:dblclick.native="applyLastPlate"></el-input>
  • 相关阅读:
    PHP“Cannot use object of type stdClass as array”
    JS简单循环遍历json数组的方法
    省市区、民族下拉列表框
    java 代码获取视频时长
    CentOs 相关
    曾经遇过的sql问题
    在线分享代码
    ssm 数据库连接池配置
    代码片段
    java 常见问题
  • 原文地址:https://www.cnblogs.com/sky-gfan/p/15267546.html
Copyright © 2011-2022 走看看