小编Sar*_*dha的帖子

我有一个动态表格渲染，其中表格的列和行是动态渲染的。

<td>所以这里每行都有两个兄弟元素：

<td :key="`td3-${index}`" :id="`show_${key}`" v-show="`show_${key}`">
  <input type="text" :v-model="key" :name="key" :value="entry[key]" />
</td>
<td :key="`td4-${index}`">
  <a href="#" @click="showField(key)">Edit</a>
</td>

如果是onclick第二个链接，<td>我必须显示和隐藏第一个<td>元素。由于它是动态的，我将有多行。因此，我在数据中声明了一个动态布尔值，以<td>根据另一个人的点击来显示和隐藏特定内容<td>根据同一行中

v-show="`show_${key}`"- 这是带有动态键的显示属性

  show_firstname: false,
  show_lastname: false,
  show_email: false,
  show_orgname: false

我为每行中的每个元素创建了单独的布尔元素<td>。

v-show但是，每当我通过单击第二个元素来更改属性值时，<td>它都没有任何区别。所以我无法显示或隐藏<td>. 也许v-show作为"`show_${key}`"字符串值无法正确替换 true 或 false。有人可以帮助我如何实现这一目标吗？

我正在尝试使用bootstrap vue alert构建一个全局警报组件。我正在使用store 来保持警戒状态。vuex

<template>
  <b-alert show :variant="variant" dismissible> {{ message }} </b-alert>
</template>
<script>
export default {
  props: {
    variant: String,
    message: String
  },
  data() {
    return {};
  },
  name: "Alert",

  methods: {},
  computed: {}
};
</script>
<style scoped></style>

const alert = {
  namespaced: true,
  state: {
    variant: "",
    message: "",
    showAlert: false
  },
  getters: {
    variant: state => state.variant,
    message: state => state.message,
    showAlert: state => state.showAlert
  }, …