<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>
- 发布:2023-08-30 09:57
- 更新:2024-03-06 14:22
- 阅读:1345
产品分类: 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)主流浏览器点击事件均无法触发
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序
禁用了确实不能点击,你可以写一个一模一样的框放在那里,用于点击;设置只读也行
gul
没用,我之前代码跑浏览器上都能正常点击,现在突然就不行了。。。
2023-09-05 14:31