微信小程序view标签跳转客服对话

正在写一个小程序，需要跳转客服对话，用button（open-type）需要调格式，影响界面整齐度，虽然开发者工具没问题但是真机调试的时候会出现各式各样的bug，这个dddd。

所以我就在想能不能用view进行跳转，但是使用官方提供的方式只有以下两种：

<!-- 方式一 <button> 按钮 -->
<button open-type="contact">客服</button>
 
<!-- 方式二 <contact> 按钮 -->
<contact-button></contact-button>

无论哪种方式都不能实现我的需求，于是乎，在经历了各种实践后，我发现了一种新的方式间接实现view跳转->通过点击view赋值显示模态框，在模态框里定义button<-

以下是示例代码：

wxml：

  <view class="nav-item" bindtap="tokefu" id="0" data-target="kefu"></view>

 <view  {{kefu=='kefu'?'show':''}}">

  <view>

      <view class="content">一疑多诊</view>

      <view class="action" bindtap="hidekefu"></view>

</view>

    <view >

      即将进入专家诊断界面。

    </view>

        <button class="cu-btn line-green text-green" bindtap="hidekefu">取消</button>

        <button  open-type="contact" >确定</button>

</view>

js：

    tokefu:function(e){

        this.setData({

            kefu: e.currentTarget.dataset.target

          })

    },

    hidekefu(e) {

        this.setData({

          kefu: null

        })

      },

提醒一下，需要在js的data里定义kefu变量