Element-ui Dialog 对话框使用中数据获取问题

for循环当中放了一个 Dialog对话框代码块，从而点击单条数据时， 触发对话框展示当前条数据,Dialog对话框代码块无法识别数据
触发点击事件的时候获取当前数据存储到 数据对象 data中，然后绑定数据对象 data中新创建的数据到所需要的动态属性中。

  		<el-card
            shadow="hover"
            class="box-card "
            v-for="(item, index) in xinxi"
            :key="index" >
            <img
              src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
              class="image"
              @click="dialogVisible_click(item.name,item.ddddd)"
            />
            <div style="padding: 14px;" @click="dialogVisible_click(item.name,item.ddddd)">
              <span>{{ item.name }}</span>
              <div class="bottom clearfix">
                <time class="time"> {{ item.ddddd }} </time>
              </div>
            </div>
            <el-dialog
              title="详细信息"
              :visible.sync="dialogVisible"
              width="40%"
              :before-close="handleClose"
            >
              <span>这是一段信息</span>
              <P>{{name}}</P>
              <P>{{ddd}}</P>
            </el-dialog>
          </el-card>

 data() {
    return {
      dialogVisible: false,
      name:"",
      ddd:"",
    };
  },

 methods: {
   dialogVisible_click(name,ddd) {
       this.dialogVisible = true
        this.name = name;
        this.ddd = ddd; 
      
    },
}