vue 按钮文字动态改变

1.事件
2.取元素
3.函数
---------------------- 仔细看 有你想要的！

<template>
    <!-- $event是获取当前元素属性 -->
    <!-- ref相当于id -->
    <el-button ref='btn1'  @click="getname($event)">你好，我是黄晓明</el-button>
</template>
<script>
export default {
  name: "flowDetail",
  data() {
    return {
        stuname:'我是朱晓明'
    };
  },
  components: {
    
  },
  methods: {
      getname(val){
          //console.log(val.target.innerText )
          var name = this.stuname;
          this.stuname = this.$refs.btn1.$el.innerText;
          //this.$refs.btn1是取上面id为btn1的元素（说id是不严谨的）
          this.$refs.btn1.$el.innerText = name
      }
  },
  created() {
   
  },
  mounted() {
      
  }
};
</script>

最后

以上就是开心手机为你收集整理的vue 按钮文字动态改变的全部内容，希望文章能够帮你解决vue 按钮文字动态改变所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。