微信小程序title：wxml如何传递值给JS？

 <view class="name">
                <text class="names">{{shifu.name}}</text>
            </view>

以上是index.wxml的代码

wx.setNavigationBarTitle({
      title: '师傅名称' 
    })

以上是index.js代码

如何让index.wxml里的师傅名称“{{shifu.name}}” 的值传递到index.js里的标题title呢？

意思就是每个内容页有一个标题。

微信小程序传值的几种方式_C我要做程序员的博客-CSDN博客_微信小程序传值 第一种：通过链接传值（跳转页面传值）index.wxml<view>{{ msg }}</view><button bindtap="clickMe">点击我</button> clickMe: function () {//点击事件wx.navigateTo({url: '../1111?id=1'//传值})this.setData({ msg: "Hello World" })},跳传页面接受值onLoad: function ( https://blog.csdn.net/C136C136/article/details/112170387

有哪些参数传值的方法？
一、给HTML元素添加data-*属性来传递我们需要的值，然后通过e.currentTarget.dataset或onload的param参数获取。但data-名称不能有大写字母和不可以存放对象
二、设置id 的方法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值
三、在navigator中添加参数传值（？传的值的名称=所传的值在onLoad(option)用option来接收并获取）

小程序页面间的传递可以通过在路由url后接参数，路由的同时会将参数一并传递到新的页面。

<!--index.wxml-->
<view class="container">
 <!-- 使用navigator组件 -->
 <navigator url="../demo/demo?title=参数传递">title=参数传递</navigator>
</view>

demo.js

// pages/demo/demo.js
Page({

 data: {
 title:''
 },

 onLoad: function (options) {
 console.log(options) //打印options,可以看到title的值可以获取到
 this.setData({
 title:options.title //为页面中title赋值
 })
 },
})

demo.wxml

<!--pages/demo/demo.wxml-->
<view class='container'>
 {{title}}
</view＞

效果展示图：