Vue <template> in a .vue file with Lodash

Question

在我的模板部分的 .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应用程序，在我的应用程序中.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')

谁能帮我？

Answer 1

尝试改用计算值。这将提高可读性。避免绑定中的复杂操作。

<a :href="artistLink">

而在剧本中

import _ from 'lodash'
export default {
    computed: {
       artistLink () {
           return 'javascript:artist('' + _.escape(this.artist) + '')'
       }
    }
}