自定义元指令-素指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style>
        zns-red{
            width:100px;
            background: gray;
            height:100px;
            display: block;
        }
    </style>
    <script src="vue.js"></script>
    <script>
        Vue.elementDirective(‘zns-red‘,{
            bind:function(){
                this.el.style.background=‘red‘;
            }
        });

        window.onload=function(){
            var vm=new Vue({
                el:‘#box‘,
                data:{
                    a:‘blue‘
                }
            });
        };

    </script>
</head>
<body>
    <div id="box">
        <zns-red></zns-red>
    </div>

</body>
</html>

时间： 2024-11-15 22:49:21

自定义元指令-素指令的相关文章

jsp的常用指令有哪些(编译指令/动作指令整理)

jsp的常用指令有哪些(编译指令/动作指令整理) JSP动作指令 JSP - JSP中的脚本.指令.动作和注释

指令这节是最难也是最重要的一节,接下来我们来学习一下指令和指令之间是如何通信的. 一.我们要实现的效果如下: 二.源码示例控制器部分代码示例 /* * accordion可折叠扩展菜单示例 * 涉及指令嵌套,指令与指令之间的通信 */ myDirec.controller("SomeController2",function($scope) { $scope.expanders = [{ title : 'Click me to expand', text : 'Hi there f

[email protected]指令与指令之间的交互demo

1.index.html: <!DOCTYPE HTML><html ng-app="app"><head> <title>custom-directive</title> <meta charset="utf-8"> <link rel="stylesheet" href="../css/bootstrap.css">

2.自定义元类控制类的创建行为

工作中,现有的类可能不能满足实际的个性化需求,那么我们需要自己定义元类来控制类的行为本篇是对自定义元类控制类的创建行为的理解自定义元类控制类型为分创建行为和实例化行为,其中控制创建行为是通过__Init__方法实现的. 1)我们知道,根据开发规范,类的名称是要大写的,但开发者不大写当然也可以运行的 2)开发者在创建类时,最好在类中加入一些注释,方便以后回头理解,也方便产品经理的理解,当然开发者不写这些注释也没关系现在我要告诉你,类名必须大写!新建类必须要有注释!就是这么任性,哈哈实现代码

1.元类介绍/2.自定义元类控制类的行为/3.控制类的实例化行为/4.控制类的实例化行为的应用

1.元类介绍 1.储备知识exec()参数1;字符串形式得命令参数2.全局作用域(字典形式),如果不指定默认就使用globals()参数3.局部作用域(字典形式),如果不指定默认就使用locals() 2.python 一切皆对象 ,对象可以怎么用? 2.1. 都可以被引用 x=obj 2.2. 都可以当作函数得参数传入 2.3. 都可以当作函数得返回值 2.4. 都可以当作容器类得元素 li=[func,time] # 类也是对象,Foo=type() 类是属于type() 类 3.什么叫元类

前端Vue框架 02 斗篷指令：v-cloak, 指令: 属性指令：v-bind, 表单指令：v-model, 条件指令：v-show v-if, 循环指令：v-for

1.斗篷指令(了解) """ v-cloak:避免屏幕闪烁 1)属性选择器,会将v-cloak属性所在的标签隐藏 2)当vue环境加载后,会将v-cloak属性解析移除,所以内容{{ num }}就会显示出来 3)而现在vue已经准备完毕,所以用户会直接看到数值10,而不会看到页面从{{ num }}闪烁成数值10 """ <style> [v-cloak] { display: none; } </style> <

angular自定义指令在指令里面调用父作用域里面的方法传参

使用自定义指令的时候在指令里面调用父作用域里面的方法,在指令里面在父作用域里面的模板里面使用指令在控制器里面

angular可自定义的对话框,弹窗指令

指令不明的,推荐 AngularJS指令参数详解 github地址以下为示例代码 <!DOCTYPE html> <html lang="en" ng-app="app"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../dist/lib/angular/angular.m

第三章指令-- 29 指令-自定义全局指令让文本框获取焦点

1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 7 <title>Document</title> 8