fastadmin 后端部分使用vue,同JQ不冲突,页面按需引入(如,是使用vue做多规格,替换fastadmin的动态列表)
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
第一步:
下载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生效 验证结果:
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)