自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

candy755的博客

博客等级

码龄8年

11
原创

10
点赞

46
收藏

3
粉丝

关注

私信

热门文章

分类专栏

Vue 4篇
canvas 1篇
js 2篇
jquery 1篇

最新评论

Vue自定义指令-div根据输入框输入的颜色变化背景色
nsfjgf001: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="vue.js" ></script> <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> </head> <body> <div id="body"> 请输入颜色(英语单词)：<input type="text" name="color" v-model="bg" /> <div v-deo="bg" style="width: 200px;height: 200px; border: 1px solid black;"></div> </div> <script> Vue.directive("deo",function(el,val){ //第一种写法 el.style.background=val.value }) new Vue({ el:"#body", data:{ bg:"" /*当绑定的数据发生改变,便将参数传给bg,bg在传给div自定义属性*/ } }) </script> </body> </html>
Vue自定义指令-div根据输入框输入的颜色变化背景色
nsfjgf001: [code=html] [/code]<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="vue.js" ></script> <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> </head> <body> <div id="body"> 请输入颜色(英语单词)：<input type="text" name="color" v-model="bg" /> <div v-deo="bg" style="width: 200px;height: 200px; border: 1px solid black;"></div> </div> <script> Vue.directive("deo",function(el,val){ //第一种写法 el.style.background=val.value }) new Vue({ el:"#body", data:{ bg:"" /*当绑定的数据发生改变,便将参数传给bg,bg在传给div自定义属性*/ } }) </script> </body> </html>
Vue自定义指令-div根据输入框输入的颜色变化背景色
nsfjgf001: 你成功了吗。我按照他的不行，然后改了一下就行了
Vue自定义指令-div根据输入框输入的颜色变化背景色
nsfjgf001: 你成功了吗。我按照他的不行，然后改了一下就行了
Vue自定义指令-div根据输入框输入的颜色变化背景色
nsfjgf001: 自己上网下载就好。

Vue

关注

关注数：文章数：4 文章阅读量：16065 文章收藏量：18

作者: candy755

这个作者很懒，什么都没留下…

展开

专栏收录文章