vue双引号中绑定变量

今天在弄一个vue项目时,需要对一个div的style动态赋值:

<div class="kpipercent">
     <div class="jindu-1" :style="this.jdStyle"></div>
</div>
data () {
    return {
      jdStyle:'width:70%'
}

写法就是给属性前加 : 即可!!!

推荐阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 2,764评论 1 22
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 698评论 0 2
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 1,943评论 0 15
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    WhaleFall_丶阅读 433评论 0 3
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 1,013评论 1 3