vue v-for下用c:set

根据提供的引用内容，Vue.js中没有c:set这个指令，c:set是JSTL标签库中的一个指令，用于设置一个变量的值。在Vue.js中，可以使用v-for指令来循环渲染数组或对象的内容，同时可以使用v-bind指令来绑定属性或者class等。以下是一个v-for循环渲染数组的例子：

<div id="app">
  <ul>
    <li v-for="(item, index) in items" :key="index">{{ item }}</li>
  </ul>
</div>

<script>
  var app = new Vue({
    el: '#app',
    data: {
      items: ['item1', 'item2', 'item3']
    }
  })
</script>

以上代码中，v-for指令用于循环渲染items数组中的每一项，同时使用v-bind指令将index绑定到li元素的key属性上，以便Vue.js能够跟踪每个节点的身份，从而高效地更新虚拟DOM。

相关问题

关于VUE中v-for循环的dom使用ref获取不到问题

如果你在使用 Vue 中的 v-for 循环渲染 DOM 时，发现通过 ref 获取元素时无法成功获取到，可能是因为 ref 是在循环中被赋值给了数组，而不是单个元素。

解决这个问题的方法是，可以给每个循环的元素都添加一个唯一的标识符，例如使用 :key 属性，然后在 ref 中使用这个标识符，这样就能够正确地获取到每个元素了。参考代码如下：

<template>
  <div v-for="(item, index) in list" :key="index">
    <div ref="itemRef[index]">{{ item }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ['a', 'b', 'c'],
      itemRef: {}  // 定义一个对象，用来存储元素的引用
    }
  },
  mounted() {
    // 在 mounted 钩子函数中获取每个元素的引用
    for (let i = 0; i < this.list.length; i++) {
      this.$set(this.itemRef, i, this.$refs[`itemRef[${i}]`][0])
    }
    console.log(this.itemRef)  // 打印出引用对象
  }
}
</script>

在上面的代码中，我们定义了一个对象 itemRef，用来存储每个元素的引用。在 mounted 钩子函数中，我们使用 $refs 获取到每个元素的引用，然后通过 $set 方法将其添加到 itemRef 对象中。最后，我们可以在控制台中打印出 itemRef 对象，来查看每个元素的引用是否正确。

v-for中写入Proxy数据，手动触发视图更新

可以使用Vue.set或this.$set方法来手动触发视图更新。例如：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in proxyData" :key="index">{{ item }}</li>
    </ul>
    <button @click="addItem">添加</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: ['a', 'b', 'c'],
      proxyData: null
    }
  },
  mounted() {
    this.proxyData = new Proxy(this.data, {
      set(target, key, value) {
        target[key] = value
        this.$set(target, key, value)
        return true
      }
    })
  },
  methods: {
    addItem() {
      this.proxyData.push('d')
    }
  }
}
</script>

在mounted钩子函数中，我们使用Proxy将data转换为proxyData，并在set方法中使用Vue.set或this.$set手动触发视图更新。在addItem方法中，我们向proxyData中添加一个新元素，这将触发视图更新。