vue指令 v-bind 属性绑定 动态渲染组件
2019-05-05 本文已影响0人
在路上phper
控件属性绑定 用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
