for文
でinput
を動的に生成してそこで入力した値をlog
で確認したところ中身が何も入っていない状態になってしまうのですが、原因がなぜなのかわかりません。
v-bind:value
で入力した値をimage.value
に格納しているのですが、ここの書き方が問題なのでしょうか?
ちなみにstore
の値を変更したいので、v-model
は使用できません。
仮にv-model
を使用して直接store
の値を変えようとするとstore
の値変更をするなとエラーが帰ってきます。
<template> <div> <div v-for="image in activeLayer"> <el-input :value="image.value" @input="updateValue(image.value)"></el-input> </div> </div> </template> <script> export default { computed: { activeLayer: function() { return this.$store.state.creative.template.layers.filter(function (layer) { if(layer.type === 'tec') { return layer } }) } }, methods: { updateValue(layer) { console.log(layer) } } } </script>
あなたの回答
tips
プレビュー