导航栏自定义按钮 文字修改

Question

导航栏自定义按钮，通过dom获取到该按钮，修改文本，数据是修改了，但是视图没有改过来，使用了nexttick也不可以。

Answer 1

1.使用Vue提供的$forceUpdate()方法强制刷新视图

mounted() {
  // 获取自定义按钮节点
  const btn = document.querySelector('.custom-btn')
  
  // 修改按钮文本
  btn.innerText = '新文本'
  
  // 强制刷新视图
  this.$forceUpdate()
}