2015-11-10 13 views
16

Desidero modificare {{ something }} in <% something %> in Vue.js, come potrei ottenere quello, è persino possibile?Vue.js modifica {{}} tag

Un equivalente per quello che cerco in AngularJS:

var app = angular.module('app', [], function($interpolateProvider) { 
    $interpolateProvider.startSymbol('<%'); 
    $interpolateProvider.endSymbol('%>'); 
}); 

Grazie mille per il vostro aiuto!

risposta

12

È necessario modificare la proprietà delimiters dell'oggetto di configurazione.

Vue.config.delimiters = ['<%', '%>'] 

Edit: Questa soluzione funziona per Vue 1.xe inferiore. Vedi le risposte @Skip e @jaynabonne per la soluzione Vue 2.x

+2

A quanto pare questo non funziona per me in Vue 2.4.2 – trusktr

+0

Ah, vedere l'altra risposta. – trusktr

45

Con l'ultima versione (2.0.5), quanto sopra non funziona. Invece di assegnare alla configurazione globale, si passa i delimitatori come opzione per l'istanza Vue:

new Vue({ 
    el: '#app', 
    data: data, 
    delimiters: ["<%","%>"] 
}); 

Almeno, questo è quello che ho dovuto fare per farlo funzionare.

+3

Ho usato '((var))' invece di '<% var %>' perché è più veloce! –

14

Sono in esecuzione Vue 2.1.0 standalone e questo è quello che ho dovuto usare

Vue.options.delimiters = ['{[{', '}]}'];