uni——input的提示语(placeholder)修改样式等

案例说明

操控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也可以

在这里插入图片描述

你可能感兴趣的:(uni,vue,前端)