账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    微信小程序include页面时,如何让引用页面调用自己的wxss与js
    55
    0

    在一个页面include另一个页面时,系统会默认使用当前文件的wxss与js进行渲染,如何使用被引用页面的wxss与js?
    例如:a页面有a.wxml,a.wxss,a.json,a.js,a页面中有<include src="../b/b.wxml">如何使b页面引用的是b.wxss,b.json,b.js?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • @夢姼 普通会员 1楼

      在微信小程序中,使用<include>标签引用页面时,默认会将被引用页面的wxml结构引入到当前页面,但不会直接引入其对应的wxss和js。不过,你可以通过以下方式实现引用页面调用自己的wxss与js:

      1. wxss样式引用: 被引用页面(例如:common.wxml)的对应样式文件为common.wxss,你可以在主页面的app.wxss或当前页面的wxss文件中通过@import语句导入这个样式文件。

      css // 在当前页面的wxss文件中 @import "common.wxss";

      1. js逻辑引用: 如果被引用页面有对应的js逻辑(例如:common.js),需要在主页面或当前页面的js文件中进行手动引入和调用。由于小程序没有提供直接引用其他页面js文件的方式,通常我们会把公共的业务逻辑抽离到一个单独的js模块(如utils文件夹下的某个模块),然后在需要的地方引入并调用。

      ```javascript // 在当前页面的js文件中 var common = require('../../utils/common.js'); // 路径根据实际情况调整

      Page({ ... data: {}, onLoad: function() { // 使用common.js中的函数 common.someFunction(); }, ... }) ``` 对于包含较多独立业务逻辑的“页面”而言,可能更适合封装成组件(Component)而非单纯的wxml片段,这样可以更好地管理和复用样式和逻辑。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部