uniAPP v-html 内容点击效果问题

想向你请教一个问题，不知道您有空吗？
一个关于 uniAPP v-html传值的问题
我从程序中调取了html 在html中有多个LI
我要点击li到达
别外一个数据并传值 ，

<view class="view_seach_data_help" v-html="sobengdi"  @click="clickHtml">  
                 {{sobengdi}}  
            </view>  

export default {  
        data() {  
                return {      
                    sobengdi:[]  
                }  
         },  
            methods: {  
                    vhtml_data(){  
                    var html_ping2="";    
                        html_ping2='<div class="addclassa">\  
                                                        <h5>列表1</h5>\  
                                                        <ul class="toolbox">\  
                                                        <li   class="mui-table-view-cell mui-media classbb"><span class="ui1"\  
                                     style="height: 32px;">221</span><span class="youaddok">xxx</span></li>\  
                                     <li  class="mui-table-view-cell mui-media classbb"><span class="ui1"\  
                                         style="height: 32px;">x222</span><span class="youaddok">4332</span></li>\  
                                     </ul></div>';     
                         }  

                    }   
                    this.sobengdi=html_ping2;  

                    },  
                     clickHtml:function(e){  

                              e=e||Window.event; //兼容ie 8  
                             let target=e.target||e.srcElement;   
                            if(target.tagName.toLowerCase()== 'li'){  
                                    // 获取触发事件对象的属性  
                                        console.log(target);  
                                        console.log("212");  
                                    //alert("a");  
                              }  

                        }  
             }  
 }  

里面的 this.sobengdi是服务器的数据

请问题这要怎么解决呢？
能帮我一下吗？