zoukankan      html  css  js  c++  java
  • render函数中如何绑定id和class和style和事件

    使用attrs属性就可以绑定id

    render函数如何绑定class 使用关键字class

    render函数如何绑定style 使用关键字 style

    export default{
        data(){
            return{
            }
        },
        render(h){
            return h('div',{
              attrs:{
                   id:"box"
               },
               class:{
                   'demo':true
               },
               style:{
                   'color':"red"
               },
            },
             "这是一个div元素"
           );
        }
    }
    
    // render函数中如何绑定一个事件
    // on: {
    //     'click': function(event) {
    //         console.log(event)
    //     }
    // }
    
    
    // render如何添加事件修饰符  ~  只会执行一次
    // on: {
    //     '~click': function(event) {
    //         console.log(event)
    //     }
    // }
    
     
    这下面的方法这一个没有被实践过  不知道
    // on:{
    //        'click':function(event){
    //            event.stopPropgation();//阻止默认事件
    //            event.stopPrevent();
    //            event.target===event.target.current //点击的当前元素
    //        }
    //    }
    

  • 相关阅读:
    day10
    day 09
    day08
    day07
    day6
    day5
    成员变量和局部变量
    (第五章)java面向对象之this的作用总结
    简单的音乐播放
    异步消息处理机制 简析
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/12431164.html
Copyright © 2011-2022 走看看