<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
}
</script>
9***@qq.com
- 发布：2023-08-30 09:57
- 更新：2024-03-06 14:22
- 阅读：663
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
浏览器平台： Chrome
浏览器版本： 116.0.5845.111
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
}
</script>
<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
} </script>
预期结果：
<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
}
</script>
<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
} </script>
实际结果：
<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
}
</script>
<template>
<view class="content">
<input type="text" disabled placeholder="规格、品名、品牌、产地、城市" @click="toSearchPage" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
toSearchPage() {
console.log(1111111);
},
}
} </script>
bug描述：
给input 输入框加上disabled 禁用属性 PC浏览器（谷歌，火狐，Edge）主流浏览器点击事件均无法触发
piaoyi_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
禁用了确实不能点击，你可以写一个一模一样的框放在那里，用于点击；设置只读也行
gul
没用，我之前代码跑浏览器上都能正常点击，现在突然就不行了。。。
2023-09-05 14:31