v-for and v-if not working together in vue.js

Question

A form is used to submit text and two options which tell vue which column to display the text in. When the col2 radio button is checked the submitted text should display in

Answer 1

Remove ! from second if v-if="item.col==='two'"

better you can do this way (to iterate only once):

            

                

                    

                        text: {{ item.text }}, col: {{ item.col }}
                    
                
            
            

                

                    

                        text: {{ item.text }}, col: {{ item.col }}