fastadmin 后端部分使用vue,同JQ不冲突,页面按需引入(如,是使用vue做多规格,替换fastadmin的动态列表)
第一步:下载vuehttps://cn.vuejs.org/v2/guide/下载的vue.js文件放置目录fastadmin项目/public/js/第二步:配置vue,是vue生效①配置backend-init.js路径:fastadmin项目/public/js/backend-init.jsdefine(['backend'], function (Backend) {require.co
·
第一步:
下载vue
https://cn.vuejs.org/v2/guide/
下载的vue.js文件放置目录
fastadmin项目/public/js/
第二步:
配置vue,是vue生效
①配置backend-init.js
路径:fastadmin项目/public/js/backend-init.js
define(['backend'], function (Backend) {
require.config({
paths: {
'vue': '../js/vue',//js省略,如果是vue.min.js,就学vue.min
},
shim: {
'vue': {
deps: ['jquery'],
exports: '$.fn.extend'
},
}
});
});
②配置需要用到的页面
我是order页面用到,则curd出来对应的order.js 中添加
路径:fastadmin项目/public/js/backend/order.js
查看是否引入成功如下图:
我仅在添加表单处理多规格图片添加,只需要在 order.js的add()方法中调用如下图:
add: function () {
Controller.api.bindevent();
//vue
var orderTable = new Vue({
el: "#orderTable",
data() {
return {
}
},
mounted() {
},
methods: {
addItem(){
console.log('加了一行');
}
},
})
},
第三步:DOM层
vue生效 验证结果:
更多推荐
已为社区贡献3条内容
所有评论(0)