使用Lodash在.vue文件中使用Vue <template>

时间:2018-01-19 12:05:37

标签: laravel-5 vuejs2 lodash

在我的模板部分的.vue文件中,我有:

<a v-bind:href="'javascript:artist(\'' + _.escape(artist) + '\')'">

使用Lodash函数_.escape。这会产生一系列错误,第一个错误是:

[Vue warn]: Property or method "_" is not defined on the instance but referenced during 
render.

然而,在组件脚本部分的同一个文件中,我很高兴并成功地使用了一系列Lodash函数。

这是一个Laravel应用程序,在我的app.js文件中,我有这个代码:

require('./bootstrap');

window.Vue = require('vue');
import VueRouter from 'vue-router';

window.Vue.use(VueRouter);

import lodash from 'lodash';
Object.defineProperty(Vue.prototype, '$lodash', { value: lodash });

import SearchHome from './components/search.vue';

const routes = [
{
    path: '/',
    components: {
        searchHome: SearchHome
    }
},

const router = new VueRouter({ routes })

const app = new Vue({ router }).$mount('#app')

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

尝试使用计算值。这将提高可读性。 避免在绑定中进行复杂操作。

$article->category()->sync($request->category, false);

在剧本中

<a :href="artistLink">