vue 非父子组件传值

Question

问题描述

点击职业类别出现

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

        <cell title="职业类别" is-link @click.native="popup_show" v-model="members.aOccupationType"></cell>

<div v-transfer-dom>

  <popup v-model="show4">
    <popup-header right-text="确定" title="请选择职业类型" :show-bottom-border="false" @on-click-left="show1 = false" 
    @on-click-right="popopClick"></popup-header>
    <picker :data="occuPationTypes" v-model="members.aOccupationType" :show-name="true" :columns="1" @on-change='change'></picker>
    <span style="line-height:0.85rem;font-size:0.6rem;"><strong style="padding-left:0.6rem;font-weight:normal;"> 11</strong><grid
          class="occupation" :show-lr-borders="false" :show-vertical-dividers="false"><grid-item link="/members/moreimg"
                                                                                                 style="color: #458CF5;
    ">《表》</grid-item></grid></span>
  </popup>
</div>

你期待的结果是什么？实际看到的错误信息又是什么？

在职业类别的框中正常显示的该是一类,二类...
现在的困惑是 不知道该如何写 让cell框中的值正常显示出来 求大神指教一下 谢谢啦

Answer 1

父子组件传值，可以参考这个
Vue组件通信深入

Answer 2

你可以写个filter过滤器啊，把['4']转换一下哈

Answer 3

我不明白 你到底想问什么
你是想问 如何让显示的得到期望的字符串嘛 还是 vue父子组件通信传值
如果是通信传值 你可以用 event bus 或者vuex 或者去localstorage 里面去取
如果是得到期望的字符 vue filter 或者 change事件map处理下 返回新的value 给你说的cell的v-model

Answer 4

你可以把里面的type对应的titlet添加到一个数组里，然后用的时候在组件里添加上:titles.sync=“”，我也遇到过你这样的问题，希望对你有帮助