vue指令 v-bind 属性绑定 动态渲染组件
作者:
在路上phper | 来源:发表于
2019-05-05 18:02 被阅读0次
控件属性绑定 用v-bind指令
属性只要是html有效属性,一律可以绑定
写法v-bind:控件属性名
例如
v-bind:value 为控件绑定value属性

image.png

image.png
运行结果

image.png
v-bind:属性名可以简写成:属性名的方式
如下

image.png

image.png
运行结果

image.png
还有下面写法

image.png
运行结果

image.png
结合v-for

image.png
运行结果

image.png
看下案例

image.png
有一个对象 如果其属性值为String或者number类型 则渲染成文本框 如果为布尔值
则渲染成复选框

image.png
其中复选框 属性checked绑定了value值 可以根据isStu的值true false更改 选中和非选中状态
运行结果

image.png
改成false

image.png
运行结果

image.png
本文标题:vue指令 v-bind 属性绑定 动态渲染组件
本文链接:https://www.haomeiwen.com/subject/rdihoqtx.html
网友评论