{name: [], content: '',} vue同时判断name、content是否为空
时间: 2023-11-22 21:52:42 浏览: 65
Vue前端判断数据对象是否为空的实例
可以使用computed计算属性来判断,示例代码如下:
```javascript
computed: {
isFormValid() {
return this.name !== '' && this.content !== '';
}
}
```
在模板中可以使用`isFormValid`来控制提交按钮的可用状态,示例代码如下:
```html
<template>
<form>
<label>
Name:
<input type="text" v-model="name">
</label>
<br>
<label>
Content:
<input type="text" v-model="content">
</label>
<br>
<button :disabled="!isFormValid">Submit</button>
</form>
</template>
```
阅读全文