search

maoruibin / maoruibin.github.com

personal blog
http://gudong.site
MIT License
21 stars 5 forks source link

Vue 为属性传递动态 value #68

Open maoruibin opened 6 years ago

maoruibin commented 6 years ago 
<el-dialog
  title="提示"
  :visible.sync="showTodoDetailDialog"
  width="30%"
  :before-close="handleClose">
  <span>{{todo.content}}</span>

</el-dialog>

上面使用了 dialog 组件，现在 title 是死的，如果需要他动态改变，想把它的内容指定成 data 中的一个属性，使用 bind 机制如下操作即可，

<el-dialog
  :title="todo.title"
  :visible.sync="showTodoDetailDialog"
  width="30%"
  :before-close="handleClose">
  <span>{{todo.content}}</span>

</el-dialog>