问如何替换Vuejs中的tag元素？
EN

Stack Overflow用户

提问于 2020-10-15 13:11:03

回答 1查看 86关注 0票数 0

我在Vuejs工作。如何将div标签替换为button标签？

在DOM中，

<div class="prev">prev</div>
<div class="next">next</div>

我想做这样的

<button class="prev">prev</button >
<button class="next">next</button >

请帮帮忙。

vue.js

回答 1

Stack Overflow用户

发布于 2020-10-15 13:39:35

可以使用动态组件接口( dynamic component component，doc)

const app = new Vue({
  el: '#app',
  data: {
    tagName: 'div'
  },
  methods: {
    toggle(tagName) {
      this.tagName = tagName
    }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app">
  <component :is="tagName" class="prev">Prev</component>
  <br/>
  <component :is="tagName" class="next">Next</component>
  <br/>
  <button @click="toggle('div')">Change To Div</button>
  <button @click="toggle('button')">Change To Button</button>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64365222

复制

相似问题

问如何替换Vuejs中的tag元素？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何替换Vuejs中的tag元素？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何替换Vuejs中的tag元素？
EN