vant 按钮文字怎么左对齐

Vant是一个轻量级的Vue UI组件库，如果你想让Vant按钮的文字左对齐，你可以通过设置`v-model`属性或者直接使用`<van-button>`的`type`属性，并结合自定义样式来自定义文字布局。

例如，如果你想要在点击事件绑定时显示文字，可以这样做：

<template>
  <van-button v-model="isClicked" type="primary" class="custom-button">
    {{ isClicked ? '显示' : '隐藏' }}
  </van-button>
</template>

<script>
export default {
  data() {
    return {
      isClicked: false,
    };
  },
};
</script>

<style scoped>
.custom-button {
  text-align: left; /* 这里设置了文本左对齐 */
}
</style>

当`isClicked`为真时，按钮文字会显示“显示”，并左对齐；反之则显示“隐藏”。如果直接在`<van-button>`上设置`type="text"`，也可以达到类似效果。