如何利用Vue.js库中的v-bind绑定样式属性
1个回答
2017-05-02 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
利用Vue.js库中的v-bind绑定样式属性：
第一步，创建静态页面vbind.html，并引入vue.js文件
第二步，在主体里插入一个div标签元素，并在div中插入img元素，利用v-bind绑定img的src属性
第三步，利用Vue.js代码绑定src属性，默认为项目中的图片
第四步，由于图片比较小，添加一个间隔，padding属性
第五步，预览该静态页面，这时在页面上显示一个小图片
第六步，打开浏览器下方调试工具，可以看到div中的img的src属性值
第一步，创建静态页面vbind.html，并引入vue.js文件
第二步，在主体里插入一个div标签元素，并在div中插入img元素，利用v-bind绑定img的src属性
第三步，利用Vue.js代码绑定src属性，默认为项目中的图片
第四步，由于图片比较小，添加一个间隔，padding属性
第五步，预览该静态页面，这时在页面上显示一个小图片
第六步，打开浏览器下方调试工具，可以看到div中的img的src属性值
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
