Perguntas com a marcação «vue-component»

13
Como ouvir as alterações 'adereços'
Nos documentos do VueJs 2.0, não consigo encontrar nenhum gancho que ouça as propsalterações. Os VueJs têm ganchos semelhantes onPropsUpdated()ou semelhantes? Atualizar Como o @wostex sugeriu, tentei watchminha propriedade, mas nada mudou. Então percebi que tenho um caso especial: <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] } …
7
Vue v-on: clique não funciona no componente
Estou tentando usar a diretiva on click dentro de um componente, mas ele não parece funcionar. Quando clico no componente, nada acontece quando devo receber um 'teste clicado' no console. Não vejo nenhum erro no console, então não sei o que estou fazendo de errado. index.html <!DOCTYPE html> <html> <head> …
13
vuejs atualiza dados pai do componente filho
Estou começando a jogar com o vuejs (2.0). Criei uma página simples com um componente. A página possui uma instância do Vue com dados. Nessa página, registrei e adicionei o componente ao html. O componente tem um input[type=text]. Quero que esse valor reflita no pai (instância principal do Vue). Como …
2
Valores padrão para acessórios do componente Vue e como verificar se um usuário não configurou o suporte?
1. Como posso definir o valor padrão para um suporte de componente no Vue 2? Por exemplo, há um moviescomponente simples que pode ser usado desta maneira: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Mas, se um usuário não especificar year: <movies></movies> então o componente terá algum …
5
Vue 'padrão de exportação' vs 'novo Vue'
Acabei de instalar o Vue e tenho seguido alguns tutoriais para criar um projeto usando o modelo de webpack vue-cli. Quando ele cria o componente, percebo que ele vincula nossos dados dentro do seguinte: export default { name: 'app', data: [] } Considerando que, em outros tutoriais, vejo dados vinculados …
12
[Vue warn]: Propriedade ou método não é definido na instância, mas referenciado durante a renderização
var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …
4
Passando adereços dinamicamente para o componente dinâmico no VueJS
Tenho uma visão dinâmica: <div id="myview"> <div :is="currentComponent"></div> </div> com uma instância Vue associada: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Isso me permite alterar meu componente dinamicamente. No meu caso, eu tenho três componentes diferentes: myComponent, myComponent1, e myComponent2. E eu alterno …
6
Como resolver a interpolação dentro dos atributos foi removido. Usar v-bind ou a abreviação de dois pontos? Vue.JS 2
Meu componente vue é assim: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() { …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.