分享数据绑定

以下以qq分享为例:

        1.找到分享元素,在分享元素上右键,选择第三方平台分享,并设置默认属性:

 

 

注:分享到其他地方自行修改分享目标、分享平台等(上图蓝色箭头指示处)

   2.在有特殊标识的div标签上进行数据绑定,数据绑定选用属性绑定,绑定参数为自行添加的默认属性(分享到不同的地方所对应的控制属性,见最下方常用属性)

{"data-params-app-name":appname,"data-params-image-url":tupian,"data-params-description":neirong,"data-params-title":biaoti,"data-params-url":url}

上面例子中用到的绑定属性:

(1)data-params-app-name:是你当前使用的app的名字,也就是该分享来自哪个app,这个可以后台构造或者不进行绑定直接赋值

(2)data-params-description:是你分享内容的介绍,一般数据库会有对应字段

(3)data-params-image-url:是你分享内容封面图片的url,一般数据库会有对应字段

(4)data-params-title:是你分享内容的标题,一般数据库会有对应字段

(5)data-params-url:用户点击你的分享需要跳到什么页面

 

几种常用的绑定组合:

  • QQ分享
  • data-params-app-name : 分享名称
  • data-params-description: 分享描述
  • data-params-image-url : 分享图片
  • data-params-title : 分享标题
  • data-params-url : 分享URl
  • 微信分享
  • data-params-description: 分享描述
  • data-params-thumb : 分享图片
  • data-params-title : 分享标题
  • data-params-webpage-url: 分享URl
  • 微博分享
  • data-params-default-text: 分享内容
  • data-params-description: 分享描述
  • data-params-image-url : 分享图片
  • data-params-title : 分享标题
  • data-params-url : 分享URl
更多控制属性