vue 通过ref动态添加class

要求效果：当输入框没有值时，点击提交使输入框变红，提示输入

<view>
	<text style="color: #666;">原名称：</text>
	<text>302号商铺</text>
</view>
<view style="display: flex;align-items: center;">
	<text style="color: #666;">新名称：</text>
	<u-input ref="newNameInput" v-model="newName" type="text" :border="true" placeholder="请输入新名称"/>
</view>

editConfirm() {
	if(this.newName==='') {
		// 使输入框边框变红
		this.$refs.newNameInput.$el.style.borderColor='red'
		// 动态添加类名newNameInput
		this.$refs.newNameInput.$el.classList.value = this.$refs.newNameInput.$el.classList.value + ' newNameInput'
	}
}

最终效果：