quasar+vue、Input组件绑定两个值
项目中关于一个只读input绑定两个值,例如input显示取值范围,通过查看vue及quasar文档找出解决方法,如下代码:
<q-input v-bind:value="`${detailInfo.TorqueMin}N·m~${detailInfo.TorqueMax}N·m`"> <template v-slot:before> <q-icon name="height"></q-icon> </template> <template v-slot:prepend> <span style="font-size: 16px">取值范围</span> </template> </q-input>
实现截图: