在自定义指令的时候，和js行为有关的，最好就写在inserted中去，防止js代码不生效。
和样似有关的操作放在bind中去
Vue.direactive 【d儿 Rai K T V】 没有s哈






<body>

    <div id="app">

        <input type="text" value="" v-color="'red'">
        //注意red有单引号和双引号，red变量要使用单引号扩起来哈
 

    </div>

    <script>

        Vue.directive("color", { //【d儿 Rai K T V】

            bind: function (el, binging) {

                el.style.color = binging.value; //接受颜色

                console.log(binging) //Object {name: "color", rawName: "v-color", value: "red", expression: "'red'",

            },

            inserted: function (el) {

            },

            updated(el) {//[a p dei ti d]

                //当v-model跟新的时候，就会执行这个函数  这个函数会执行多次

            },

        })

        var vm = new Vue({

            el: "#app",

            data: {

            }

        });

    </script>

</body>


												


											
自定义v-color指令的更多相关文章
	

    
						
  1. angular8自定义管道、指令以及获取dom值
		
    版本: 1.自定义管道: example: 定义一个*ngFor 可以获取key值的管道 keyObject.pipe.ts // key value 管道 import { Pipe, PipeTr ...
    
		
    2. 
						
  2. vue 自定义拖拽指令
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    3. 
						
  3. vue自定义长按指令
		
    1.前言 在word中,当我们需要删除一大段文本的时候,我们按一下键盘上的退格键,就会删除一个字,当我们长按住退格键时,就会连续不停的删除,这就是键盘按键的长按功能.那么我们也想在网页中让一个按钮也具 ...
    
		
    4. 
						
  4. Angular 自定义拖拽指令
		
    指令 组件是一种带模版的指令.指令是超级. 结构型指令(改变布局)和属性型指令(改变外观和行为). Renderer2和ElementRef Angular不提倡直接操作DOM 对于DOM的操作应该通 ...
    
		
    5. 
						
  5. v:bind指令对于传boolean值的注意之处
		
    1,
    
		
    6. 
						
  6. vue.js自定义指令入门
		
    Vue.js 允许你注册自定义指令,实质上是让你教 Vue 一些新技巧:怎样将数据的变化映射到 DOM 的行为.你可以使用Vue.directive(id, definition)的方法传入指令id和 ...
    
		
    7. 
						
  7. Angular4 后台管理系统搭建（9） - 用自定义angular指令，实现在服务端验证
		
    最近这段时间发现,北京这用angular4 或 angular2的公司很少.几乎是没有.很担心自己是不是把精力放到了不应该的地方.白耽误了时间.但是随着我对新版angular框架理解的加深.个人感觉a ...
    
		
    8. 
						
  8. Vue -自定义指令&钩子函数
		
    除了核心功能默认内置的指令,Vue也允许注册自定义指令 页面加载后,让文本框自动获取焦点,原生js做法是获取文本框元素后调用focus()方法,但Vue不建议手动操作DOM元素,所以此时要自定义指令  ...
    
		
    9. 
						
  9. 2.0 vue内置指令与自定义指令
		
    1.1 常用内置指令 1) v:text : 更新元素的 textContent 2) v-html : 更新元素的 innerHTML 3) v-if : 如果为 true, 当前标签才会输出到页  ...
    
		
    10. 
						
  10. Freemaker 自定义指令和函数
		
    自定义函数和指令都可以在前台或者后台进行指定. 个人理解:指令的作用,主要是进行页面调整之后进行输出:函数的作用,主要是为了进行运算,返回运算结果供前台展示. (一) 自定义指令 使用以下格式调用自定 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. python面向对象-1
			
    1.面向对象的思想优点 优点: 简化代码 ,构建公共模板 ,扩展性强 思想: 类作为模板 ,对象通过模板实例化对象 ,对象去做事 ,抽象将显示存在的事物使用代码体现 2.三大特性 封装(狭义) : 对 ...
    
			
    2. 
						
  2. bootstrap-table 常用总结-树形结构
			
    关于树形结构,上篇文章如果还是不能理解的话,请看这一篇.把其他的没有用到的功能都去掉,只留最基础的树形结构! 废话不多说,直接上代码!所有的数据都是走的本地,如果大家想改的话可以自己改,但是需要注意的 ...
    
			
    3. 
						
  3. vue引入ElementUI库
			
    element国内网站:https://element.eleme.cn/#/zh-CN 引入ElementUI命令:npm install element-ui --save   (网速不好用cnp ...
    
			
    4. 
						
  4. 修改so库中的依赖名
			
    修改so库中的依赖名 在ArchLinuxArm上有一些针对aarch64, arm, armeabi-v7a等Android常用架构的so库可以下载,有时候可以省去很多编译时间,且都是编译optim ...
    
			
    5. 
						
  5. maven配置多个镜像
			
    问题场景 1.国内访问maven默认远程中央镜像特别慢 2.用阿里的镜像替代远程中央镜像 3.大部分jar包都可以在阿里镜像中找到,部分jar包在阿里镜像中没有,需要单独配置镜像 解决方案 setti ...
    
			
    6. 
						
  6. Troubleshooting: High Version Count Issues
			
    --查询版本高的原因 select * from v$sql_shared_cursor where sql_id=''; Configuring Download the script in the ...
    
			
    7. 
						
  7. spring+cxf  No bean named 'cxf' available
			
    最近项目中需要用到webservice,在spring中集成cxf时一直报错: 严重: StandardWrapper.Throwable org.springframework.beans.fact ...
    
			
    8. 
						
  8. Step by Step Process of Migrating non-CDBs and PDBs Using ASM for File Storage (Doc ID 1576755.1)
			
    Step by Step Process of Migrating non-CDBs and PDBs Using ASM for File Storage (Doc ID 1576755.1) AP ...
    
			
    9. 
						
  9. Mybatis中的@param注解的用法
			
    用注解来简化xml配置的时候,@Param注解的作用是给参数命名,参数命名后就能根据名字得到参数值,正确的将参数传入sql语句中 下午在写转账操作时,dao接口中的方法 @Update(update  ...
    
			
    10. 
						
  10. 10. Vue - axios
			
    一.预备知识 1. JS面向对象 特点:ES5之前用构造函数方式,构造函数就是一个普通函数,它的函数名大写. 构造函数的问题:方法不会提升至构造函数内,而是每创建一个对象,就要把那个方法保存在每个对象 ...
    
			
    11.