案例说明

操控input的提示语

案例代码

<template>
	<view>
		<view>
			<input type="text" placeholder="请输入内容" :placeholder-class="isDialogHidden?'redColor':''" />
			<button @click="hideDialog">按钮</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			isDialogHidden: false
		};
	},
	methods: {
		hideDialog() {
			this.isDialogHidden = true;
		}
	}
};
</script>
<style lang="scss">
.redColor {
	color: #ff0000;
}
</style>

默认灰色，当点击按钮时，默认的灰色提示语会变成红色的。placeholder-class的属性值是类名。或者通过处理placeholder-style也可以